之前小编在 WordPress 主题下载站给大家介绍过一款可以实现实现 WordPress 侧栏固定浮动效果的插件，详细可以点击：《给 WordPress 边栏添加固定悬浮小工具的插件》，但是很多朋友反应插件使用过没效果，那么今天介绍的方法，将是用代码实现的！小白能够听懂的！

其实大多需要 WordPress 侧栏固定浮动效果的朋友都是因为觉得 WordPress 博客网站的侧边栏通常都不是太长，而随着页面往下拉，导致右侧显得很空，及时首页的侧栏高度和网站高度能够一样高的时候，在文章页面里，还是会显得右侧会空下来，因为不一样的文章，高度也不一样，这个时候十分需要一个 WordPress 侧栏固定浮动效果的功能，好让右侧不那么空，也可以增加用户的点击欲望，对于有广告的用户，将广告加入侧栏固定浮动后，用户点击量会增加，从而增加收入！

那么我们现在详细的解说下实现 WordPress 侧栏固定浮动效果的具体方法：

教程 2014/0101 更新

运用到下面的代码 （当然是在边栏 sidebar.php 文件内添加）:

  1. <div id="float">
  2. </div>
  3. "text/javascript" src="http://www.***.com/a.js"></script>

div 内可以自由添加要悬浮的 div 内容，而下面运用的 js 文件的内容为：

  2. function buffer(a,b,c){var d;return function(){if(d)return;d=setTimeout(function(){a.call(this),d=undefined},b)}}(function(){function e(){var d=document.body.scrollTop||document.documentElement.scrollTop;d>b?(a.className="div1 div2",c&&(a.style.top=d-b+"px")):a.className="div1"}var a=document.getElementById("float");if(a==undefined)return!1;var b=0,c,d=a;while(d)b+=d.offsetTop,d=d.offsetParent;c=window.ActiveXObject&&!window.XMLHttpRequest;if(!c||!0)window.onscroll=buffer(e,150,this)})();

大家可以新建个 a.js 文件来调用，或者直接将上面的 js 代码放到你们 WordPress 已调用的 js 内！最后，给 style.css 里添加样式为：

  1. .div2{top:10px;z-index:999;position:fixed;_position:absolute}

教程到这，相信基本都会了吧。。。