如何判断某个内容是否滚动到视图中
How to tell if something is scrolled into view?
我正在尝试重新创建类似于此处效果的东西。当你向下滚动到页面底部时;也检查";div从右侧滑动。我假设这是通过使用jQuery函数scroll
来实现的,然后检查某个div是否在视图中。I、 但是甚至不能使scroll
函数工作。我尝试了使用$("#div_name").scroll(function(){});
和$("#div_name").on("scroll", function(){});
,但似乎都不起作用。似乎我的任何一种方法都没有正确地挂起滚动功能。这是我的小提琴
有人知道我做错了什么吗?
As已在此处多次发布:
http://imakewebthings.com/jquery-waypoints/
做你想做的事。
你想得到这样的东西吗
编辑演示
脚本:
$(function(){
var a;var c=false;
var b=$("#popContent");
var e=$(window);
var d=$('#footer').position().top;
e.scroll(function(){
window.clearTimeout(a);
a=window.setTimeout(function(){
if(e.scrollTop()<=d){
if(c==false) {
c=true;b.stop(true,true).show();
}else{
c=false;b.fadeOut(500)
}}},100)})
});
相关文章:
- 如何知道元素在屏幕上是否可见.如果没有,请滚动页面
- javascript跨浏览器确定用户是否滚动到页面底部
- javascript移动交叉浏览器确定用户是否滚动到页面底部
- 如何检测滚动事件是否像在触摸设备上一样只触发一次
- 如何查明鼠标按下事件是否发生在滚动条上或元素中的其他任何位置
- CSS3:当页面向下滚动到第一个视口时,是否可以在元素上触发转换
- 是否可以使用flexbox显示模型设置元素的滚动位置
- 如何发现用户是否使用jQuery滚动到HTML容器的末尾
- 如何检测用户是否移动了滚动条
- 确定代码镜像是否滚动到底部
- 如何判断某个内容是否滚动到视图中
- 如何使用JQuery来检测用户是否滚动到页面底部
- 如何检查元素是否滚动
- 如何检测浏览器窗口是否滚动到底部
- 如何检测用户是否滚动了一定距离
- scrollTop检查用户是否滚动到某个元素
- 检查Bootstrap选项卡内容是否滚动到末尾
- 如何使用jQuery检查DIV是否滚动到底部
- 检测是否滚动到底部
- Jquery:检查窗口是否滚动过一次并执行一些操作