jQuery pagePiling - 多个部分在第一次加载时一次滑动

Question

我正在使用一个名为 pagePiling 的 jQuery 插件，它总体上运行良好，但我遇到了一个问题，即有时它会一次滚动多个页面幻灯片/部分。它似乎只在页面首次加载时发生 - 如果我多次刷新页面，它可以正常工作。

这里是有问题的网站：

http://baytree-demo.co.uk/hannover/

它可能会为您正确加载，而您将看不到问题。

主页上有四个部分。第一个和最后一个包含照片背景，而其他两个是基于灰色图形/地图的。当问题发生时，它只是从第一部分滚动到最后一部分——立即跳过中间的两个部分。您可以在页面 URL 中看到这一点，因为 #section-name 会迅速变化。

谢谢。

Answer 1

修复它。发布解决方案以防对其他人有帮助。

我还使用了一个 checkSize jQuery 函数来帮助处理其他响应式元素 - 如下所示：

https://www.fourfront.us/blog/jquery-window-width-and-media-queries

使用此函数中的 pagePiling 代码，只要调整浏览器大小（恢复为仅在第一张和最后一张幻灯片之间设置动画），滚动效果就会中断，并且 #pp-nav div 会再次添加到页面底部调整事件大小。