High School Homework Help Science       当网站页面过长时,实现侧边栏指定内容(如:广告、推荐内容…)跟随页面滚动即成为一个很实用的效果,下面李坏就借花献佛,为大家介绍一下目前比较流行的jQuery插件sidebar-follow-jquery的具体用法。

1.下载sidebar-follow-jquery:

点击下载

2.将下载的文件放到所用主题的js文件夹下,引入该插件,在标签(一般在footer.php文件内)之前添加以下代码:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="<?php echo get_template_directory_uri().'/js/sidebar-follow-jquery.js'; ?>"></script>

注:如果你的主题内,已经引入jquery库,这里不必重复引入!

3.接着在前,即刚才所加代码之后添加以下代码:

<script> (new SidebarFollow()).init({ element: jQuery('#archives'), prevElement: jQuery('#recent-comments'), distanceToTop: 10 }); </script>

参数说明:
element:将括号内的内容#archives替换为你所要固定内容的标签id;
prevElement:括号内填写你所要固定内容的上一个标签的id,非必填项;
distanceToTop:内容随页面滚动时距离页面顶部的距离。

click here 【技术交流,欢迎大家拍砖】

  1. hunsha 说道:

    你好 wordpress页面 跳转到另一网站上 怎么实现新窗口打开啊?

  2. 谢雨枫 说道:

    网上很多这个代码了,我直接放到theme.js底下了,省了多加载一次,并且防止js加载堵塞

    • 李坏 说道:

      现在这样的代码是挺多的,感觉这个插件挺好用的,就分享给大家。。。

  3. 悠米博客 说道:

    好像挺不错的,试试