带ScrollTo的jQuery全屏Div滑块

Question

我有一个网站导航使用scrollTo转到选定的幻灯片。幻灯片通过jQuery设置为窗口高度和宽度的100％。我使用scrollTo后，然后调整窗口大小，滑动位置不正确。

我的例子可以在这里查看： http://bit.ly/yRi72B

点击“下一步”，然后调整窗口大小变大，你会看到我的意思。

Answer 1

您可以设置一个变量，您刚刚滚动到的div e.g。

$("div#logo").click ( function () {
    $("div#wrapper").scrollTo( "div#about", 1000);
    currentslide = "div#about";
});

然后在你的窗口调整大小事件调用

$("div#wrapper").scrollTo( currentslide, 0);

Answer 2

使用$(window).resize()来捕捉窗口大小调整事件，并将幻灯片的宽度和高度再次设置为100％。

Answer 3

您可以声明并初始化变量current =“div #home”;然后在你的调整大小函数调用你的滚动函数结束.. $（“div＃wrapper”）。scrollTo（currentslide，0）;

并在你的点击功能中设置current =“div＃home”或“div＃about”..

这项工作对我来说..

祝你好运！