问题与整页水平滚动(Issue with full page horizontal scroll)

是全页面滚动任何其他选择吗？

例如全页面滚动的

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;
}

Answer 1:

这里的事情是，JScrollPane的增加jspPane左： - *** PX当你向右滚动。 而从未撤销的损害。

如果你想补充：

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

在你调整大小，它会工作。 虽然我建议你报告一个bug JScrollPane的人也是如此。

文章来源: Issue with full page horizontal scroll