2011-04-10 37 views
1

jscrollpaneの実装で、ページ上の自動スクロールを開始しようとしています。その理由は、アンカーリンクを使用してペイン領域の要素にスクロールすると、多くのコンテンツがある場合、スクロールの高さの計算が乱れるように見えるからです。jscrollpaneドキュメントの読み込み時に自動スクロールしますか?

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

(ページのロードが最低のリンク「ボトムウェイト」をクリックすると、問題が表示されます後)

手動スクロールを使用する場合は(青いバーをドラッグします)最初。次に、正常に動作するリンクを使用します。だから私はそれが解決策として動作するように見えるものを模倣するために、上部の要素にページの読み込みを自動スクロールさせようとしています。 http://onomadesign.com/wordpress/identity-design/china-packaging-corporation/

マイ上:このサイトは、私は私が働いているサイト上で再現しようとしたクラス要素に自動スクロールを行うようだ

(autoReinitialiseを使用すると、私のために動作していないようでした)これを行うには、ページのコードは次のとおりです。

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

両方をめざしていないように見えます:

$(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の下部にある)文書準備部分ににこれを追加しようとしましたrk。

私はjQueryの初心者です。本当にこれを整理しようとしていて、それに多くの時間を費やしていました。

答えて

1

現在の(v2)ではなく、非常に古いバージョンのjScrollPane(v1)を使用しているようです。あなたはここに現在のバージョンを見つけることができますし、それが簡単で動作するように見つけることがあります。基本的には

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

あなたは:ここAPIのscrollToY方法を使用した例があります

http://jscrollpane.kelvinluck.com/

the APIへの参照が必要です。次にscrollToY(またはscrollToElement)を呼び出します。

関連する問題