Question

我想在页面底部添加div。为此，我想找到垂直滚动条位置。我想在滚动条结束处添加div元素。如何在滚动条结束中添加div？

div元素是：

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

如果没有滚动条，我想在页面底部显示div。 div想要在页面中显示所有时间。如果具有滚动条装置，则div元素位置是滚动条末端。如果没有滚动条意味着，div元素想要显示在页面底部。

Answer 1

试试这个：

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

Answer 2

如何找到垂直滚动条结束位置？

upstream

如何在滚动条结束中添加div？

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

Answer 3

以下代码可以正常使用项目的要求之一，希望这将解决您的问题。

我假设 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>");    
        }
    });
});

您可以使用此功能查看sales-force中的一个工作代码 PaginationOnScroll

如何找到垂直滚动条终点位置？

3 个答案: