2017-07-18 70 views
0

我想在頁面底部添加div。爲此,我想找到垂直滾動條的位置。我想在滾動條末端添加div元素..如何在滾動條末尾添加div?如何找到垂直滾動條的結束位置?

的div元素是:

<div class = "mydiv"> 
    <div class = "normal"> 
    <h3>Thank You</h3> 
    </div> 
</div> 

我想在頁面的底部,如果沒有滾動條也顯示DIV。 div想要在頁面中顯示所有時間。如果有滾動條的意思,div元素的位置就是滾動條的結束。如果沒有滾動條意味着div元素想要顯示在頁面的底部。

+0

你確定你需要獲得滾動條位置?你能不能把它追加到父容器中?或者使用'position:fixed;底部:0'? –

+0

我想在滾動條末端添加div。爲此,我需要滾動條位置。如果在滾動條末端添加div時有另一種方式,請告訴我。 –

+0

您可以使用$(「您的選擇器」)。append(「您的內容」)。它將添加到您的最後選擇器 –

回答

0

試試這個:

$(window).scroll(function(){ 
    if($(window).scrollTop() === ($(document).height() - $(window).height())) { 
     $(".mydiv").append("<div>This is a new div.</div>"); 
    } 
}) 
+0

如何在此處添加div元素? –

+0

$(「#outerDiv」)。append(「

This is a new div.
」); – Dave94

0

如何找到垂直滾動條結束位置?

isReachToBottom(){ 
    if($(window).scrollTop() === ($(document).height() - $(window).height())) { 
     return true; 
    } 
    return false; 
} 

如何添加格在滾動條的結束?

$("yourtag").append("your footer"); 
0

下面的代碼工作正常與項目的要求之一,希望這能解決您的問題。

我假設mydiv滾動條是達到頁面的底部。

jQuery(document).ready(function($) { 
    $('.mydiv').scroll(function() {  
    if ($(this).scrollTop() + $(this).innerHeight() >=$(this)[0].scrollHeight) {  
     // do add your code 
     $(".mydiv").append("<div>Your New div</div>");  
     } 
    }); 
}); 

你可以看一下在銷售力我工作的一個代碼使用此功能 PaginationOnScroll