最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js侧边栏跟随屏幕滚动效果代码
时间:2015-09-21 编辑:简简单单 来源:一聚教程网
侧边栏跟随屏幕滚动效果,现在已经很流行了。尤其是博客跟资讯类网站,在主页面比较长的情况下,侧边栏跟随屏幕滚动,能够极大的增加用户粘度,提高网站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效果预览:
-
上一个: Javascript数组去重项的例子
相关文章
- 超简跟随屏幕滚动层js代码 09-30
- js控制屏幕向上向下滚动 08-18
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31