2012-01-05 13 views
0

コンテンツが動的に埋め込まれたdivがあり、スクロールしても常に同じ場所に表示されるように修正されています。 divに内容が多く、スクリーンボーダーを越えているときにスクロールバーが表示される必要があります。Jquery。動的コンテンツのスクロールバー

私は意味がありますか?

// EDIT うん...私はちょうど間違った考えを実現しました。私はスクロールが必要ない。 DIVのサイズを変更して画面の下に届かないようにする必要があります。

// EDIT これは私の解決策でした。

function adjustPopupSizeToScreen() { 
       //AFTER SETTING MESSAGE, CHECK IF DIV GOES BEYOND THE SCREEN AND ADJUST. 

       var popupBottomPosition = PopUpBox.offset().top + PopUpBox.height(); 
       var browserBottomPosition = $(window).height(); 
       var popUpTopMarginToBrowserEdge = PopUpBox.offset().top; 
       if (popupBottomPosition > browserBottomPosition) { 
       } 
        PopUpBox.height(browserBottomPosition - 60); 
        MessageDiv.height(PopUpBox.height() -80); 



      } 
    //adjustPopupSizeToScreen() 
      $(window).resize(function() { 
       adjustPopupSizeToScreen(); 
      }); 
+0

を参照してください。それは自動的に行われませんか? – w2lame

+0

:( おそらくコンテンツがJSの機能を使って動的に追加されているので、JSがコンテンツを挿入する前にスクロールバーがコンテンツのオーバーフローをチェックしていると思いましたか? – Lautaro

+0

[overflow]を使用してください(http://css-tricks.com/the -css-overflow-property /)プロパティ –

答えて

0

使用jqueryの.scroll()

$('#divid').scroll(function() { 

}); 

http://api.jquery.com/scroll/

+0

私はdivが画面より大きいかどうかをチェックし、次に画面に合わせてスクロールを追加するのに十分小さいと確認する必要があります。私はDIVのサイズを変更して画面の下に届かないようにする必要があります。 – Lautaro

+0

divの幅と高さを指定することができます –

関連する問題