王尘宇

之前小编在wordpress主题下载站给人人引见过一款可以完成完成wordpress侧栏牢固浮动结果的插件，细致可以点击：《给wordpress边栏增添牢固悬浮小工具的插件》，然则许多朋侪回响反映插件使用过没结果，那末本日引见的要领，将是用代码完成的！小白可以听懂的！

实在大多须要wordpress侧栏牢固浮动结果的朋侪都是由于以为wordpress博客网站的侧边栏一般都不是太长，而跟着页面往下拉，致使右边显得很空，实时首页的侧栏高度和网站高度可以一样高的时刻，在文章页面里，照样会显得右边会空下来，由于不一样的文章，高度也不一样，这个时刻非常须要一个wordpress侧栏牢固浮动结果的功用，好让右边不那末空，也可以增添用户的点击欲望，关于有广告的用户，将广告到场侧栏牢固浮动后，用户点击量会增添，从而增添收入！

那末我们如今细致的解说下完成wordpress侧栏牢固浮动结果的具体要领：

教程2014/0101更新

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

1. <div id="float">      

2. 你要悬浮的内容      

3. </div>    

4. <script type="text/javascript" src="http://www.***.com/a.js"></script>  

div内可以自在增添要悬浮的div内容，而下面应用的js文件的内容为：

1. // 牢固层

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}

教程到这，置信基础都邑了吧。。。假如还不会的，荒淫进群交换，群号：153526824 更或许：联络小编我收费解决问题。。。哈哈。。。