我正在使用带有ajax的owl carousel,成功。 我遇到的一个问题是,使用' addItem'添加滑块项后,页面会跳转到滑块的顶部。
EG,您可能位于页面底部附近,顶部是滑块。当滑块添加了项目时,页面会跳回到滑块。
其他人都注意到了这个问题?以及如何阻止它?
在我的成功回调函数中:
for(var c=0;c<response.data.length;c++){
jQuery("myslider").data("owlCarousel").addItem(response.data[c]);
}
//jump happens after the above.
jQuery("myslider").trigger("owl.jumpTo", currentItem)
感谢 肖恩
答案 0 :(得分:0)
不确定您的情况是否与我的情况完全相同,但是当addItem()
到旋转木马时我也遇到了页面跳转。我逐步完成了代码,发现在addItem()
期间,旋转木马被“摧毁”然后重建。即页面将首先移除轮播,导致垂直滚动条延长并“向上移动”,然后在垂直滚动条仍处于其原始位置时重建轮播。结果就好像页面已自动向上滚动。
临时解决方案是为旋转木马设置min-height
或为旋转木马设置div
,如此小提琴Fiddle所示。事实上,我相信在调用addItem()
之前保持文档长度的任何方法都可以解决问题。