我需要什么
- 当用户向下滚动页面时,我需要使用 js 添加类。
问题
它在滚动页面最后的附加类。
我需要在上面添加 class 300px。
jsfiddle: http://jsfiddle.net/8PkQN/1/
我试过:(window.innerHeight + window.scrollY) == $(document).height()
代码
var bottom = $(document).height() - $(window).height(); if($(window).scrollTop() + 1 >= bottom - 2200==true) { $(".abslouel_left12").addClass("fixed_left_btm"); }
工作代码
window.onscroll = function(ev) { if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) { $(".abslouel_left12").addClass("fixed_left_btm"); } }; $(window).scroll(function() { $(this).scrollTop() > 75 && ($(".abslouel_left12").addClass("fixed_left"), $('[data-toggle="tooltip"]').tooltip()), $(this).scrollTop() < 75 && ($(".abslouel_left12").removeClass("fixed_left"), ) if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) { $(".abslouel_left12").removeClass("fixed_left"); }
案例 1,当用户在顶部时。没有要添加的类。
- 情况 2 当用户向下滚动时添加类 (.fixed_length)。
- 案例 3 当用户滚动到底部时添加类(.fixed_length_btm) 但问题是案例 3 代码正在滚动浏览器的工作端,我需要它应该在页面页脚上方。
最佳答案
这对我一直有效:
if (window.pageYOffset == $(document).height() - $(window).height()) {
// bottom of page
}
如果您想知道它们达到页脚上方,您可以将页脚高度添加到计算中。
if ($(window).scrollTop() >= $(document).height() - $(window).height() - $('footer').height()) {
// top of footer
}
fiddle :http://jsfiddle.net/8PkQN/449/
当您到达页脚顶部时会发生警报。这就是您要找的吗?
关于javascript - 如何在桌面上使用javascript检测用户在底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33304631/