2017-07-18 39 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