带有 ScrollTo 的 jQuery 全屏 div 滑块答案

【问题标题】：jQuery Full Screen Div Slider With ScrollTo带有 ScrollTo 的 jQuery 全屏 div 滑块
【发布时间】：2012-03-28 01:23:39
【问题描述】：

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

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

单击“下一步”，然后将窗口大小调整为越来越大，您就会明白我的意思了。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可以为刚刚滚动到的 div 设置一个变量例如

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

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

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

【讨论】：

【解决方案3】：

你可以声明和初始化一个变量 current = "div#home";然后在你的调整大小函数最后调用你的滚动函数.. $("div#wrapper").scrollTo(currentslide, 0);

并在您的点击功能中设置 current = "div#home" 或 "div#about"..

这对我有用..

祝你好运！

【讨论】：