侧边栏跟随屏幕滚动效果,现在已经很流行了。尤其是博客跟资讯类网站,在主页面比较长的情况下,侧边栏跟随屏幕滚动,能够极大的增加用户粘度,提高网站pv的。所以在此推荐这个经典js特效。
这个效果的用法很简单,引入js,在侧边栏写一个div,加上id:sidebar-follow。在里面写内容即可。
注意事项:
一、id=”sidebar-follow”。这个div上面好像必须得有内容。
二、需要给id:sidebar-follow加上一个宽度,宽度一般跟侧边栏宽度一样。
三、这个特效是原生js的。原生特效用法请参考下面的demo。
四、还有一个jquery版本,用法如下:
下载sidebar-follow-jquery.js。
依次引Jquery文件、sidebar-follow-jquery.js文件。
在页面里添加以下调用js:
、
原生js效果预览: