scrollTo 在调整窗口大小时改变方向[关闭]答案

【问题标题】：scrollTo changes direction on window resize [closed]scrollTo 在调整窗口大小时改变方向[关闭]
【发布时间】：2012-03-21 23:20:33
【问题描述】：

http://avalon.eaw.com

我运行了一个水平滚动到脚本，效果很好。但是，如果由于任何原因重新调整窗口大小，滚动方向将从水平变为垂直。有人知道如何解决吗？

我对 jQuery 比较陌生，所以请温柔:)

【问题讨论】：

@casperOne 你在说什么？我用有问题的代码发布了指向该站点的链接，因此您也可以查看该站点并查看实际行为。回答这个问题的所有要求都在那里，恕我直言，再清楚不过了。

标签： jquery scrollto direction window-resize

【解决方案1】：

在调整大小时执行以下函数：

function resizePanel() {

    width = $(window).width();
    height = $(window).height();

    mask_width = width * $('.item').length;

    $('#debug').html(width  + ' ' + height + ' ' + mask_width);

    $('#wrapper, .page').css({width: width, height: height});
    $('#stage').css({width: mask_width, height: height});
    $('#wrapper').scrollTo($('a.selected').attr('href'), 0);

}

这有效地限制了 #stage 上的宽度，该宽度已由滚动插件（我猜；或 css 样式）设置...而且我还认为您不需要为所有面板设置高度..

实际上我不确定为什么这个函数存在，尝试完全或部分删除它（没有#stage css 集或#wrapper, .page css 集）

【讨论】：

删除#stage 集效果很好！谢谢你！我从一个教程网站上得到了这个脚本，所以完全理解他们都做了什么。不过，我正在学习。必须从某个地方开始！