你能帮我解决一下我的演示网站上的jquery问题。我有两个运行的jquery脚本。一个用于循环内容,左/右移动,一个用于多个垂直可滚动内容(使用jscrollpane),使用同一页面上的两个脚本。
当项目滑动打开时,文本可以上下滚动。当我滑动到下一个内容(使用左箭头和右箭头)而不关闭内容并返回上一页时,垂直滚动条被锁定。需要页面刷新才能重置垂直滚动功能。
首次关闭内容时,此问题不会显示。你能帮我指出一下这个问题。我试过http://jscrollpane.kelvinluck.com/上列出的任何内容。
谢谢, 马亭
答案 0 :(得分:2)
发生这种情况的原因是因为您使用的轮播脚本正在克隆元素,然后将它们添加到轮播的末尾。由于您只是在初始页面加载中调用$('.scroll-pane').jScrollPane();
,因此不会使用jQuery scrollpane插件初始化具有此类动态创建的项目。
我到目前为止找到的唯一方法就是直接修改轮播脚本,并destroy()
并在每次创建新对象时重新初始化窗格。
我添加了一个jsFiddle here,它显示了一个工作示例。需要注意的是,由于窗格被销毁并重建,因此在重新创建元素时,滚动位置始终会移回到顶部。