微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

实现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里添加样式为:

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐