2016-04-25 20 views
0

嗨,大家好,我想加載我對話框(「.pm_content」) 我知道win.scrool通過滾動我的數據,但我怎麼可以使用只爲我的選擇對話框? 我的方式,我不希望使用窗口滾動我想在「.dialogs王牌滾動」如何使用滾動定製div來加載數據

這是一個圖片不清楚是什麼,我想使用滾動:http://screenshotuploader.com/s/1604yiir5

JS:

$(".pm_content").load('data.php'); 

var win = $(window); 
win.scroll(function() { 
    if ($(document).height() - win.height() == win.scrollTop()) { 

     .... 
    } 
}); 

HTML:

<div class="widget-body"> 
    <div class="widget-main no-padding"> 
     <div class="dialogs ace-scroll"> 
      <div class="pm_content"></div> 
     </div>          
    </div> 
</div> 

回答

0

您的$.scroll()事件綁定到一個窗口,但你可以與其他容器使用它。

您可以將$.scroll()總是綁定到特定的元素,而不是窗戶。

$("#yourElementId").scroll(function(){ 
    //whatever you wish 
}); 

https://api.jquery.com/scroll/

這裏有一個例子: https://jsfiddle.net/55wv6okg/

+0

VAR贏= $( '對話框,.pm_content。')這不適合我! – CHARLI

+0

這裏是實時預覽:https://jsfiddle.net/u9e6nb3j/ – CHARLI

+0

我修改你的小提琴和更新的答案。你的小提琴上的滾動不是div的滾動,而是窗口。默認情況下,啓用了溢出,所以內部div只是簡單地拉伸。如果你檢查了這些元素,你可以在你的小提琴上看到它。這就是爲什麼你必須限制div的高度並將溢出更改爲滾動。我也更正了選擇器,並刪除了內部IF條件,因爲它從來沒有工作。 – PramusPL