猫头鹰滑块,ajax加载页面跳转问题

时间:2015-09-18 10:59:57

标签: jquery ajax owl-carousel

我正在使用带有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)

感谢 肖恩

1 个答案:

答案 0 :(得分:0)

不确定您的情况是否与我的情况完全相同,但是当addItem()到旋转木马时我也遇到了页面跳转。我逐步完成了代码,发现在addItem()期间,旋转木马被“摧毁”然后重建。即页面将首先移除轮播,导致垂直滚动条延长并“向上移动”,然后在垂直滚动条仍处于其原始位置时重建轮播。结果就好像页面已自动向上滚动。

临时解决方案是为旋转木马设置min-height或为旋转木马设置div,如此小提琴Fiddle所示。事实上,我相信在调用addItem()之前保持文档长度的任何方法都可以解决问题。