2

次のjQuery関数を使用して、ページセクションにスムーズにスクロールしています:

function scrollTo(element) {    
    //$('html, body').animate({           // before the addition of jscrollpane
    $('#full-page-container').animate({   // after addition of jscrollpane
        scrollTop: $(element).offset().top
    }, 1500);
}

デフォルトのページスクロールバーを置き換えるためにjscrollpaneを追加しました。上記のscrollTopを使用したアニメーション機能はjscrollpaneでは機能しないようですが、それなしでは問題なく機能します。

scrollTopでjscrollpane とanimateの両方を使用することは可能ですか?

4

2 に答える 2

6

いいえ、scrollTopは使用できません。

ただし、scrollpaneには独自のスクロールが組み込まれており、ここで例を見ることができます。

スクロール先-JScrollPane

jScrollPaneサイトからの例：

var api = pane.data('jsp');

    $('#but-scroll-to').bind(
        'click',
        function()
        {
            // Note, there is also scrollToX and scrollToY methods if you only
            // want to scroll in one dimension
            api.scrollTo(parseInt($('#toX').val()), parseInt($('#toY').val()));
            return false;
        }
    );
于 2011-04-21T03:37:53.797 に答える
5

注: animate() と jScrollPane を一緒に使用することはできません。ただし、jScrollPane にはこの機能が含まれているだけで十分です。あまり直感的ではありませんが、いくつかの例を作成しました。チェリオ！

より有用な情報については、 jScrollPane APIを参照してください。

いくつかの例がありましたが、jsfiddle がハングアップしているため (ソース コードも表示されません)、削除しました。

于 2011-04-21T03:33:51.907 に答える