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

【问题标题】：How to find the vertical scroll bar end position?如何找到垂直滚动条的结束位置？
【发布时间】：2022-03-05 01:44:42
【问题描述】：

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

div元素是：

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

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

【问题讨论】：

您确定需要获取滚动条位置吗？你能不只是append()它到父容器吗？还是使用position: fixed; bottom: 0？
我想在滚动条末端添加 div。仅此，我需要滚动条位置。如果有另一种在滚动条末端添加 div 的方法，请告诉我。
您可以使用 $("your selector").append("your content")。它将添加到您的选择器的最后一个

标签： javascript jquery html

【解决方案1】：

试试这个：

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

【讨论】：

如何在此处添加 div 元素？
$("#outerDiv").append("
这是一个新的 div。
");

【解决方案2】：

下面的代码可以很好地满足项目的要求之一，希望这能解决您的问题。

我假设 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

【讨论】：

【解决方案3】：

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

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

如何在滚动条末尾添加div？

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

【讨论】：

【解决方案4】：

这里是查找滚动条位置的代码






     window.addEventListener("scroll", (event) => {
           let scroll = this.scrollY;
           console.log(scroll)

         });

【讨论】：