gpt4 book ai didi

Javascript onscroll 简单函数

转载 作者:行者123 更新时间:2023-11-28 03:53:56 29 4
gpt4 key购买 nike

我是 javascript 的新手,我试图在滚动 div id="container"时触发 div id="foo",以便在滚动 id“container”时说“IM AWESOME” .我什至给了足够的空间来确保我可以滚动所有 <br>或者通过添加 margin-top 和 bottom 但仍然无法正常工作。如果你们能帮助我,那就太棒了。“我知道我不应该使用这么多的‘断线’,但它只是一个草稿代码”。

var x = document.getElementById('container');
x.onscroll = function() {myFunction()};

function myFunction() {
document.getElementById('foo').innerHTML = "IM AWESOME";

}


<body>

<br>
<div id="container">

</div>

<div id="foo">do something</div>
<br>
</body>

最佳答案

这是 jQuery 方法。您必须计算该 ID 的偏移量,如果该容器的 ID 小于 $(window).scrollTop() 则执行您的可爱操作。

例子:

var $container = ('.container'),
$window = $(window).scrollTop(),

yourfunction = function(){
if($container < $window){
//run your code
}
});

$(window).on('scroll', yourfunction);

关于Javascript onscroll 简单函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43572793/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com