我是 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/