​wordpress实现智能滚动侧边栏

原创 木鱼  2017-06-16 07:30  阅读 843 次

 

大家如果有注意的话就会发现,木鱼博客的右侧边栏是跟随鼠标滑动智能滚动的,这样对用户的体验上来说肯定是更好的,下面就说一下wordpress实现智能滚动侧边栏的方法。 (不保证所有主题通用,有很多主题也是自带智能滚动的)。

 

文章末尾会附上stickySidebar.js文件下载地址

 

1. 上传stickySidebar.js到主题js目录下

2. 在主题页眉处添加代码(header文件):

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/stickySidebar.js"></script>

3. 把站点原先设置的跟随小工具添加到首页或文章页中,比如登录 WordPress 后台 >> 外观 >> 小工具 >> 把『正文、页面跟随滚动』中的小工具添加到『正文侧边栏』中;把『首页、分类、归档跟随滚动』中的小工具添加到『首页侧边栏』中。(说白了就是不用系统自带的跟随滚动)

 

下载地址:

点击下载  密码: 6fqb

本文地址:https://www.m5yu.com/wordpress-intelligent-rolling-sidebar.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:木鱼博客
版权声明:本文为原创文章,版权归 木鱼 所有,欢迎分享本文,转载请保留出处!
上一篇:已经是最后一篇了

发表评论