Owl滑块，ajax加载页面跳转问题

Question

我成功地使用了owl carousel和ajax。我遇到的一个问题是，在使用‘addItem’添加滑块项之后，页面会跳到滑块的顶部。

例如，你可能在靠近页面底部的地方，而滑块在顶部。当滑块添加了项目后，页面会跳回滑块。

还有没有人注意到这个问题？以及如何阻止它？

在我的成功回调函数中：

 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)

谢谢肖恩

Answer 1

我不确定你的情况和我的情况是否完全相同，但是当addItem()转到传送带时，我也遇到了页面跳转的情况。我仔细检查了代码，发现在addItem()期间，轮播被“销毁”，然后又被重建。也就是说，页面将首先移除旋转木马，导致垂直滚动条变长并“向上移动”，然后在垂直滚动条仍在其原始位置时重新构建旋转木马。结果就像页面自动向上滚动一样。

临时解决方案是为轮播或包装轮播的div设置min-height，如下面的div所示：Fiddle。事实上，我相信在调用addItem()之前保持文档长度的任何方法都可以做到这一点。