8

フルページスクロールの他の代替手段はありますか?

全ページスクロールの例

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

step-1 元に戻すボタンをクリックして、ウィンドウの幅を小さくします。

step-2 右にスクロール

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

1 に答える 1

5

ここで問題なのは、右にスクロールすると jScrollPane が jspPane に left:-***px を追加することです。そしてダメージを元に戻すことはありません。

追加する場合：

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

あなたのサイズ変更では、それはうまくいきます。ただし、jScrollPane 関係者にもバグを報告することをお勧めします。

于 2012-12-31T12:20:02.520 に答える