介绍一个可以跟随页面滚动的层效果,当用户滚动鼠标滚轮或者拖动浏览器滚动条时,浮动层将跟随滚动,两种效果,一种是大家经常见的类似在线客服的效果,另一种是用于菜单或导航的效果,也就是与页顶会保持一定的距离,当距离大于设定的才回发生浮动效果。本例中用到的插件:scroll-follow,该插件在当前主流浏览器IE6+, FF2+, Safari 3,and Opera 9均测试通过。
你可以通过设置以下参数获得更多的效果:
参数 | 描述 | 默认值 |
speed | 滚动的间隔毫秒数,数值越小,滚动越快。 | 500 |
offset | 距离滚动顶部的点数(pixels)。 | 0 |
relativeTo | 设置滚动的DIV靠上还是靠下,可以设置为"top"或"bottom"。 | top |
killSwitch | 开启和取消跟随滚动开关的元素ID,需要jQuery Cookie plugin支持。 | "killSwitch" |
onText | 如果启用了跟随滚动,开关显示的文字。 | "Turn Slide Off" |
offText | 如果取消了跟随滚动,开关显示的文字。 | "Turn Slide On" |
=============在这里点击下载效果包=============
一条小蛇想吞大象,想想可以