首页 > CMS应用 > 正文
jQuery实现网站侧边栏随窗口滚动

侧边栏随窗口滚动,可以用于推荐网站热门内容或者广告,用来增加曝光率和点击率,越来越多的人在制作主题模版的时候喜欢加上这个特效,网上也有很多分享的案例,我也测试使用过一些,今天给大家分享一下作者MG12的两种实现网站侧边栏随窗口滚动。

所需文件下载:https://github.com/wuzhao/sidebar-follow

1:原生JavaScript实现方法

<script src="sidebar-follow.js"></script>
<script>
/* <![CDATA[ */
(new SidebarFollow()).init({
	element: 'sidebar-follow',
	distanceToTop: 15
});
/* ]]> */
</script>

2:jQuery环境实现方法

<script src="jquery.js"></script> <!-- 如果已在网站的其他地方引入 jQuery, 请不要在次引入 -->
<script src="sidebar-follow-jquery.js"></script>
<script>
/* <![CDATA[ */
(new SidebarFollow()).init({
	element: jQuery('#sidebar-follow'),
	distanceToTop: 15
});
/* ]]> */
</script>

注:
1、两种方案唯一变量是distanceToTop,滚动的容器与浏览器顶部距离
2、部分主题模版滚动错位是因为没有限制滚动容器的宽度
3、此两种方案适用于wordpress且不仅限于wordpress

文章评论

共有 0 条评论

Top