实现wordpress侧栏固定浮动效果

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

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

你要悬浮的内容

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)})();

大家可以新建个jb51.js文件来调用,或者直接将上面的js代码放到你们wordpress已调用的js里!

最后,给style.css里添加样式为:

相关文章

本文是“WordPress开发微信小程序”系列的第三篇,本文记录的...
本文是“WordPress开发微信小程序”系列的第二篇,本文记录的...
几周前,Jeff花了两天将自己的WordPress网站做了个微信小程序...
最近很多主题用户提到安装完WordPress后中文标签出现404的情...
摘要:教你玩转WordPress固定链接,然后你也成WP小牛了 近期...
一般主题是用不到这个功能的,禁用wp-embed只会更好 得知Wor...