用户到达页面底部.元素逐渐消失
User reaches bottom of page. Elements fade out?
我做了一个单页网站。
是否有一个Jquery片段可以理解当用户到达页面底部时,某些元素然后相应地淡出?
您应该使用窗口的滚动事件来查找用户是否已经到达文档的底部。请参考以下代码片段来完成您的要求,
$(window).scroll(function(){
if( $(window).scrollTop() == ($(document).height() - $(window).height()) )
{
}
});
为了您的理解,scrolltop是窗口的顶部值,它可能从0变为文档的高度-窗口的高度。通过检查这种情况,我们可以很容易地确定终点。
http://api.jquery.com/offset/
.offset()
方法允许我们检索的当前位置相对于文档的元素。对比.position()
,它检索相对于偏移父元素的当前位置。
相关文章:
- 当实现javascript倒计时时,其他html元素将消失
- Selenium-webdriver (Java Script) 等待元素消失
- 使用 JavaScript 使表单元素消失
- HTML5 画布元素消失
- 当元素消失时,不会触发鼠标输出
- Javascript - 如果选择了某个选项,则使元素消失
- jQuery-onClick事件使元素消失
- iOS 8 css旋转元素消失
- 使用jQuery/JavaScript加载页面时使元素消失
- 元素消失,直到我悬停在它们上面(Chrome)
- js -使用填充属性的圆圈,使圆圈中的元素消失.如何避免这种情况
- 固定位置的元素消失
- JQuery移动列表视图元素消失
- 使用CSS动画使HTML元素消失
- 为什么当我设置溢出属性为隐藏,然后一个伪元素消失
- Toggling marginTop而不使元素消失
- 当我将它们与jQuery一起使用时,我的ul中的元素消失了
- 当使用 element.style = <一些 CSSStyleDeclaration> 时,会使元素消失
- 拉斐尔:图形元素消失
- 我如何保持我的ul元素消失时,它被单击