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

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

div元素是：

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

非常感谢。

如果没有滚动条，我想在页面底部显示div。div希望在页面中始终显示。如果有滚动条意味着，div元素的位置是滚动条的末端。如果没有滚动条，则表示div元素要显示在页面底部。

尝试以下操作：

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

$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）===（$（文档）.height（）-$（窗口）.height（））{
$（“.mydiv”）.append（“这是一个新的div”）；
}
})

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

如何在滚动条末尾添加div

---

下面的代码工作良好，符合项目的要求之一，希望这能解决您的问题

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

jQuery（文档）.ready（函数（$）{
$（'.mydiv'）。滚动（函数（）{
如果（$（this）.scrollTop（）+$（this）.innerHeight（）>=$（this）[0].scrollHeight）{
//请添加您的代码
$（“.mydiv”）.append（“您的新div”）；
}
});
});

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

---

您确定需要获取滚动条位置吗？您是否可以将它添加到父容器中？或使用

位置：固定；底部：0

？我想在滚动条末端添加div。仅此而已，我需要滚动条的位置。如果在滚动条末尾有其他添加div的方法，请告诉我。您可以使用$（“您的选择器”）.append（“您的内容”）。它将添加到最后一个选择器或如何在此处添加div元素？$（“#outerDiv”）.append（“这是一个新div.”）；

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

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