说起jquery的随窗口滚动的插件到是也不在少数,而且代码也不是那么复杂(对懂代码的人来说)。大部分的功能都是滚动到特定内容时,特定内容离顶端一定距离保持固定,功能上比较单一,有发现更好的滚动效果。

前一段时间看一淘网时发现侧边的导航的滚动效果很不错,除具有上面的效果外当接近页面底部某个特定版块又随页面一起滚动的特效,但这代码是用kissy写的不是jquery。如果是懂js的朋友我想写起来应该也不难,但咱不是啊,只能网上找了。

功夫不负有心人啊,终于发现了一个类似的效果,果断保存了下来。分享给大家,并自己稍作修改。朋友们如果发现有更好的可以留言分享下。

代码说明:

$("#sidebar ul").scrollFollow({ //要滚动的元素
    bottomObj: '#footer',  //底部元素
    marginTop: 8,  //距离顶端距离
    marginBottom: 0  //距离底部元素距离
})

演示地址:在线演示

下载地址:115下载