Javascript onscroll简单函数
Javascript onscroll简单函数
提问于 2017-04-23 23:07:56
我是javascript的新手，当我滚动div容器“id=”时，我试图让div容器“foo”触发，这样当我滚动id“容器”时，我就会说"IM id=“。我甚至留出了足够的空间来确保我可以滚动所有的<br>，或者添加页边距-顶部和底部，但仍然不能正常工作。如果你们能帮我那就太棒了。“我知道我不应该使用这么多”隔断线“，但这只是一个代码草案。”
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>
回答 3
Stack Overflow用户
发布于 2017-04-23 23:17:35
下面是jQuery方法。您必须计算该ID的偏移量，如果该容器的ID小于$(window).scrollTop()，则执行您的cute。
示例：
var $container = ('.container'),
$window = $(window).scrollTop(),
yourfunction = function(){
if($container < $window){
//run your code
}
});
$(window).on('scroll', yourfunction);Stack Overflow用户
发布于 2017-04-23 23:19:03
尝试设置容器的高度和宽度，然后在其中滚动。
Stack Overflow用户
发布于 2017-04-23 23:23:35
您需要使用window.pageYOffset来获取的当前滚动位置，并将其与元素相对于offsetParent节点顶部的距离进行比较。
function testScroll(ev){
if(window.pageYOffset >= document.getElementById("foo").offsetTop){
document.getElementById('foo').innerHTML = "IM AWESOME";
}
}
window.onscroll=testScroll页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43572793
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号