我正在尝试通过ajax加载一个页面,然后使用jQuery Scroll library在屏幕上水平滑动该内容。
单击链接时,当前加载的所有其他页面都隐藏在DOM中,下一个页面通过ajax加载,并调用scrollTo滑到新页面。
如果用户从左到右点击(即内容被加载到上一页下面的DOM中),这一切都很有效。但是,如果用户从右向左单击一个链接(即在DOM中加载当前页面上方的页面,以便该页面反向滑动),它不会滑动,而是直接跳转到该页面。
我有点困惑,为什么这个幻灯片在一个方向上有效,而在另一个方向上不起作用。如果我预加载了DOM中的所有页面,那么它工作得很好,所以我假设这与ScrollTo如何计算到下一页的宽度/距离有关。
发布于 2012-07-30 19:07:25
最后,我通过创建两个占位符div (left和right)解决了这个问题,其中的内容通过AJAX加载,并根据其在菜单中的页面位置进行动画处理。由于膨胀,让每个页面都加载到DOM中是不切实际的。
https://stackoverflow.com/questions/10554117
复制相似问题