全页水平滚动问题

整页滚动还有其他替代方案吗？

整页滚动的示例

http://jscrollpane.kelvinluck.com/fullpage_scroll.html http://jscrollpane.kelvinluck.com/fullpage_scroll.html

步骤 1 通过单击恢复向下按钮使窗口宽度变小。

步骤2 向右滚动

步骤 3 现在，通过单击“最大化”按钮使窗口宽度变大。

现在，页面左对齐

jQuery

 $(function()
{
    var win = $(window);

    win.bind(
        'resize',
        function()
        {

                var container = $('#full-page-container');

                container.css(
                    {
                        'width': 1,
                        'height': 1
                    }
                );

                container.css(
                    {
                        'width': win.width(),
                        'height': win.height()
                    }
                );
                isResizing = false;
                container.jScrollPane(
                    {
                        'showArrows': true
                    }
                );

        }
    ).trigger('resize');


    $('body').css('overflow', 'hidden');


    if ($('#full-page-container').width() != win.width()) {
        win.trigger('resize');
    }


});

CSS

html
{
    overflow: auto;
}
#full-page-container
{
    overflow: auto;
}

这里的问题是，当您向右滚动时，jScrollPane 会向 jspPane 添加 left:-***px 。并且永远无法消除损害。

如果您添加：

$('#full-page-container .jspPane').css('left', 'auto');

在您调整大小时，它会起作用。尽管我建议您也为 jScrollPane 人员报告错误。