2012-01-05 226 views
0

我有一個動態填充內容的div,它是固定的,所以即使在滾動時它也會始終處於相同的位置。當div的內容太多而超出屏幕邊界時,我需要滾動條出現。Jquery。動態內容上的滾動條

我有道理嗎?

//編輯 嗯......我只是意識到我的思維錯誤。我不需要滾輪。我需要調整DIV的大小,使其不會達到屏幕底部。

//編輯 這是我的溶劑。

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 2012-01-05 09:24:40

+0

沒有。 :( 可能是因爲內容是通過JS功能動態添加的,所以我認爲滾動條在JS注入內容之前檢查內容溢出嗎? – Lautaro 2012-01-05 09:27:45

+0

使用[overflow](http://css-tricks.com/the -css-overflow-property /)屬性 – 2012-01-05 09:27:44

回答

0

使用jQuery .scroll()

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

}); 

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

+0

我沒有得到它,我需要檢查div是否大於屏幕,然後使它足夠小以適應屏幕並添加滾動條嗯......我只是意識到我的想法我不需要滾動條我需要調整DIV的大小,所以它不會達到屏幕底部 – Lautaro 2012-01-05 09:40:36

+0

你可以指定div的寬度和高度相同 – 2012-01-05 09:42:15