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再次添加到页面底部调整大小事件。