我需要检测用户是否滚动到页面底部.如果它们位于页面底部,当我向底部添加新内容时,我会自动将它们滚动到新的底部.如果他们不在底部,他们正在阅读页面上较高的先前内容,所以我不想自动滚动它们,因为他们想要留在原地.
如何检测用户是否滚动到页面底部或是否在页面上滚动更高？
我确定我正在制作一个简单的错误,但我只是提醒$(window).height()并返回相同的值$(document).height().
我的浏览器窗口高度为13"MBA和窗口高度,最大值介于780px - 820px(大致)之间,但每次返回的窗口高度与文档高度相同.在网站的每个案例中,我正在处理的是超过1000px.
这里发生了什么？
alert($(window).height());
alert($(document).height());
我正在寻找一个代码片段来获取浏览器窗口中可视区域的高度.
我有这个代码,但它有点被窃听,好像身体没有超过窗口的高度然后它回来短.
document.body.clientHeight;
我尝试过其他一些东西,但它们要么返回NaN,要么与上面相同.
有谁知道如何获得浏览窗口的真实高度？
我正在阅读哈佛商业评论(HBR)博客文章"高级领导者的特质"(2011-02-22).他们也在纽约时报(纽约时报)这样做.如何检测读者何时一直滚动到底部？
在HBR上,当您滚动靠近底部时,它们会为您提供另一篇文章供您阅读.
当滚动到达页面的BOTTOM时,我想提醒一些事情,如下所示:
$(function(){
$(document).scroll(function() {
if($(document).scrollTop() == 0) alert("top");
})
})
但是没有jQuery,当到达底部时会发出警报.
我的脚本有些问题.所以,我想检测滚动操作的结束.当我滚动时,我有警报,但如果我结束它,则不会.你能帮助我吗？这是我的代码:
var animatable = $('body, html');
var animating = false;
animatable.animate( {scrollTop: $('#foo').offset()})
$(window).scroll(function(e) {
if(!animating){
animatable.stop(false, true);
alert('stop scrolling');
}
animating = false;
});?
和一些小提琴:http://jsfiddle.net/yhnKR/
我有一个脚本可以解决页面顶部元素列表的距离,但我不确定如何检测它与底部的距离.当它击中底部(好吧,在底部之前20px)我想发射一个事件并淡出它:
$(window).on('load resize scroll', function () {
$('.links__item').each(function () {
if (($(this).offset().top - $(window).scrollTop()) < 20) {
$(this).stop().fadeTo(100, 0)
} else {
$(this).stop().fadeTo('fast', 1)
}
})
})
如果有人有任何建议,非常感谢.我正在遍历各个元素以检测它,所以当其中一个从底部击中20px时,我想淡出它.谢谢!
我使用reactjs并希望处理click事件滚动.
首先,我用以下内容列出了帖子componentDidMount.
其次,通过click event列表中的每个帖子,它将显示帖子详细信息并滚动到顶部(因为我将帖子详细信息放到页面的顶部位置).
第三,通过点击"close button"帖子详细信息,它将返回上一个帖子列表,但我希望网站将滚动到确切点击帖子的位置.
我用这样的:
点击事件查看帖子详细信息:
inSingle = (post, e) => {
this.setState({
post: post,
theposition: //How to get it here?
});
window.scrollTo(0, 0);
}
我想获得状态theposition然后我可以完全滚动到点击帖子的位置'Close event'.
非常感谢.
在一个着名的新闻网站上(sry,不记得究竟是哪一个)我看到了一个非常酷的效果......当你在页面底部滚动时,一个新元素从浏览器视口的顶部向下滑动了很多社交媒体选项(推文,在Facebook上分享等).我想模仿一些类似的东西......事实上,如果我知道如何在用户靠近页面底部时触发一个功能,那么我真的想做很多事情......
所以,我的问题非常基本:当用户在动态大小的页面底部附近滚动时,如何触发一个函数？
我知道这个问题已经在这个论坛上被问了一百万次,但没有一篇文章帮助我找到解决方案.
我做了一小段jquery代码,当你向下滚动到与hash-link中id相同的部分时,它会突出显示hash-link.
$(window).scroll(function() {
var position = $(this).scrollTop();
$('.section').each(function() {
var target = $(this).offset().top;
var id = $(this).attr('id');
if (position >= target) {
$('#navigation > ul > li > a').attr('href', id).addClass('active');
}
});
});
现在的问题是它突出显示所有哈希链接,而不仅仅是该部分与之关系的哈希链接.任何人都可以指出错误,还是我忘记了什么？