Javascript onscroll简单函数

我对javascript有点陌生，我试图在滚动div id=“container”时触发div id=“foo”，以便在滚动id“container”时说“我太棒了”。我甚至给了足够的空间来确保我可以滚动所有的

，或者通过添加页边距顶部和底部，但仍然不能正常工作。如果你们能帮我，那就太棒了。 “我知道我不应该使用这么多的“特征线”，但它只是一个草案代码”

var x=document.getElementById（'container'）；
x、 onscroll=function（）{myFunction（）}；
函数myFunction（）{
document.getElementById（'foo'）.innerHTML=“IM AWESOME”；
}

做点什么

以下是jQuery方法。您必须计算该ID的偏移量，如果该容器的ID小于$（window）.scrollTop（），则执行您的命令

例如：

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

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

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

var$container=（'.container'），
$window=$（window.scrollTop（），
yourfunction=function（）{
如果（$container<$window）{
//运行你的代码
}
});
$（窗口）。在（'scroll'，您的函数）上；

尝试设置容器的高度和宽度，然后在其中滚动。

您需要使用

window.pageYOffset

获取当前滚动位置，并将其与元素相对于偏移父节点顶部的距离进行比较

我不知道怎么做，但可能会派上用场。

function testScroll(ev){
    if(window.pageYOffset >= document.getElementById("foo").offsetTop){
        document.getElementById('foo').innerHTML = "IM AWESOME";
    }
}
window.onscroll=testScroll