1

jscrollpane 実装の自動スクロール オンページ ロードを開始しようとしています。その理由は、多くのコンテンツがある場合にアンカー リンクを使用してペイン領域内の要素にスクロールすると、スクロールの高さの計算が台無しになるように思われるためです。

例: http://sunlight.pixelalchemy.com.au/tiltrak

(ページが読み込まれた後、一番下のリンク「Bottom weights」をクリックすると、問題が表示されます)

最初に手動スクロール (青いバーをドラッグ) を使用する場合。次に、問題なく動作するリンクを使用します。そのため、ページの読み込み時に上部の要素に自動スクロールして、解決策として機能するように見えるものを模倣しようとしています。( autoReinitialise を使用してもうまくいかなかったようです)

このサイトは、私が取り組んでいるサイトで再現しようとしたクラス要素への自動スクロールを行うようです: http://onomadesign.com/wordpress/identity-design/china-packaging-corporation/

これを行うためのページ上のコードは次のとおりです。

$(function()
            {
                // Set up #pane4 and the links which scrollTo elements within it

                var $pane4 = $('#contentPanel');
                $pane4.jScrollPane({animateTo:true});
                $pane4.scrollTo('.productInfo');
                $('a.scroll-to-element-demo').bind(
                    'click',
                    function()
                    {
                        var targetElementSelectorString = $(this).attr('rel');
                        $pane4[0].scrollTo(targetElementSelectorString);
                        return false;
                    }
                );
            });
 //left content panel slide in to appear on document ready
$(document).ready(function () {
    $("#mainContent").animate({"right": "+=673px"}, "3000");
});

また、これをドキュメントの準備ができている部分(ページjsの下部)に追加しようとしました:

$("#mainContent").scrollTo('.productInfo');

どちらも機能していないようです。

助けてください。私は jQuery の初心者で、本当にこれを並べ替えようとして、非常に多くの時間を費やしてきました。

4

1 に答える 1

1

現在の (v2) ではなく、非常に古いバージョンの jScrollPane (v1) を使用しているようです。ここで現在のバージョンを見つけることができます。

http://jscrollpane.kelvinluck.com/

API の scrollToY メソッドを使用する例を次に示します。

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

基本的に、APIへの参照が必要です。それから、単に scrollToY (またはscrollToElement )を呼び出します...

于 2011-04-13T08:34:27.487 に答える