2012-01-05 222 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