当前位置: 源码素材网 » 脚本实例 » jQuery特效 » 详情页

jquery制作列表拖动的滚动缓冲效果

jquery制作列表拖动的滚动缓冲效果,让列表在拖动的时候,慢慢的停止,有一定缓冲效果,实现本功能共分为7个步骤:
  示例1:数据初始化,创建LI列表:。
  示例2:将多余的加入滚动条,这步非常简单,只需要通过height: 400px;overflow: auto;2个css属性,即可对列表加入滚动条。
  示例3:控制滚动条滚动。
  示例4:加入动画.
  示例5:通过鼠标拖动来控制滚动.
  示例6:改成动画滚动模式。
  示例7:最终的完成效果演示,这里要注意一下:把滚动条去掉,把overflow:auto -- > overflow:hidden;即可达到效果, 但直接改css这个并不太好。为什么?当用户禁用javascript的时,那么截断的部分将无法显示。所以我们仍保持css中的overflow为 auto,通过js来重新设置overflow为 hidden;当用户启用js的时候,才设置为hidden。禁用js的时候,那么列表将会出现默认的滚动条,保证了可用性。

  • 相关标签:拖动特效 列表缓冲
  • 调试环境:ASP/PHP/.NET/HTML..
  • 文件大小:40.2K
  • 资源评级:
  • 更新时间:2019-08-12
  • 相关链接:暂无演示

源码测试截图:

jquery制作列表拖动的滚动缓冲效果运行截图

相似源码:拖动特效 列表缓冲 脚本实例下载:jquery制作列表拖动的滚动缓冲效果 测试截图

下载声明:

本站资源仅供学习参考,禁止用于非法途径。若“jquery制作列表拖动的滚动缓冲效果”源代码侵犯了您的权益,请尽快告诉我们。