隐藏/显示内容时的jQuery.ScrollTo插件问题

时间:2012-04-18 20:44:14

标签: javascript jquery scrollto

我正在使用Arial Flesler's ScrollTo plugin水平滑动页面的“部分”。

在这种情况下,我不想浏览所有部分。我希望我的部分能够从一个部分滑到另一个部分而不显示其他部分。

我已经设置了一个jsFiddle来更准确地描述它:http://jsfiddle.net/PWj4B/2/

我正在做的是隐藏所有部分,但是当前可见部分,显示与我单击的锚点对应的部分,然后滚动到该部分。

出于某种原因,当我尝试不止一次向同一方向滑动时,滑动不起作用。有什么想法吗?

谢谢!

3 个答案:

答案 0 :(得分:1)

我认为问题正在发生,因为div出现并立即替换当前div的位置。 (当它在当前div的右边时,你的下div被向左推。当它在你当前div的左边时,更高的div被向右推。)

这个插件不是为了做你想要的,我不认为。

如...... http://jsfiddle.net/PWj4B/4/

之类的东西

它为幻灯片提供绝对位置,并将目标幻灯片放置在蒙版的左侧或右侧。然后它会同时为当前幻灯片和目标幻灯片设置动画。

答案 1 :(得分:0)

尝试此操作而不是隐藏元素。 http://jsfiddle.net/q8JFM/1/

答案 2 :(得分:0)

正如 stuard 指出的那样,div被推到一边,所以我意识到我可以毫不拖延地滚动到当前的div,然后滚动到目标div,如下:http://jsfiddle.net/PWj4B/5/