js jquery如何在页面滚动条 滚到某个元素的上面执行我的逻辑(方法)

js jquery如何在页面滚动条 滚到某个元素的上面执行我的逻辑(方法),第1张

你的描述很不清楚,我只能认为元素位于浏览器正中位置了。因为对于滚动条只能获取它的scrollTop,那么只能在这个上面想办法。在这里你就要建立一个等式,四个参数,滚动条的scrollTop,window的height,目标元素的offersettop和它自身的height。给window一个scroll事件,

通过验证上面所说的等式是否成立,执行你要的代码。

关键

你要确定你的某个元素要在何时触发你的事件

根据div的top和滚动条top判断,参照lazyload做了个demo如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

Jquery可以用height(),来获取DOM元素的高。示例如下:

<script src=">

1、新建html文档。

2、书写hmtl代码。

3、书写css代码。 { margin: 0; padding: 0; list-style: none; }img { border: none; }body { font-family: Arial, Helvetica, sans-serif; }。

4、书写并添加js代码。<script src="js/jquery-1102js"></script><script src="js/zebra_pinjs"></script> 。

5、代码整体结构。

6、查看效果。

<!DOCTYPE html>

<html>

<head>

<meta charset=UTF-8 />

<title>testjQuery</title>

<style>

body{

height: 1111px;

}

</style>

<script src="jquery-180minjs"></script>

<script>

$(window)scroll(function ()

{

var st = $(this)scrollTop();

consolelog(st);

});

</script>

</head>

<body>

<textarea id="area">11</textarea>

</body>

</html>

以上就是关于js jquery如何在页面滚动条 滚到某个元素的上面执行我的逻辑(方法)全部的内容,包括:js jquery如何在页面滚动条 滚到某个元素的上面执行我的逻辑(方法)、jquery 怎么判断 某个div 是否进入可视区域,或者是滚动条拖拽到某个位置时,出发某个事件!、jquery如何获取DIV包含滚动条在内的高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9508188.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存