我正在使用Arial Flesler 的 ScrollTo 插件水平滑动页面的“部分”。
在这种情况下,我不想滑过所有部分。我希望我的部分从一个滑到另一个,而不显示中间的其他部分。
我设置了一个 jsFiddle 来更准确地描述它:http: //jsfiddle.net/PWj4B/2/
我正在做的是隐藏除当前可见的部分之外的所有部分,显示与我单击的锚点相对应的部分,然后滚动到该部分。
出于某种原因,当我尝试多次向同一方向滑动时,滑动不起作用。有什么想法吗?
谢谢!
我正在使用Arial Flesler 的 ScrollTo 插件水平滑动页面的“部分”。
在这种情况下,我不想滑过所有部分。我希望我的部分从一个滑到另一个,而不显示中间的其他部分。
我设置了一个 jsFiddle 来更准确地描述它:http: //jsfiddle.net/PWj4B/2/
我正在做的是隐藏除当前可见的部分之外的所有部分,显示与我单击的锚点相对应的部分,然后滚动到该部分。
出于某种原因,当我尝试多次向同一方向滑动时,滑动不起作用。有什么想法吗?
谢谢!
我相信问题正在发生,因为div
出现并立即替换了 current 的位置div
。(当它在当前 div 的右侧时,你的低 div 被向左推。当它在你当前 div 的左边时,高 div 被向右推。)
这个插件不是为了做你要求的,我不认为。
怎么样... http://jsfiddle.net/PWj4B/4/
它为您的幻灯片提供绝对位置,并将您的目标幻灯片放置在蒙版的左侧或右侧。然后它同时为当前幻灯片和目标幻灯片设置动画。
试试这个而不是隐藏元素。 http://jsfiddle.net/q8JFM/1/
正如stuard指出的那样,div
s 被推到一边,所以我意识到我可以简单地滚动到当前div
,然后滚动到目标div
,如下所示:http: //jsfiddle.net/PWj4B/5/