javascript - 当我在 html 中向下滚动某个 div 时需要显示警报

Question

我在body标签中间有一个div

<div id="place">

</div>

我想要做的是，当我向下滚动并遇到 id 为“place”的 div 时，我想显示一个警报。我设置的逻辑是当窗口滚动位置大于窗口顶部的 div 时，我执行警报。我知道我的逻辑很愚蠢！但我想学习如何做到这一点。

到目前为止我尝试过的

$(window).scroll(function(){

                var toElement = $("#place").position(); 
                if(scroll.positon() > toElement){
                        alert("hello");
                    }
            });

我是 jquery 的新手，你能帮帮我吗

Answer 1

尝试这个：

$(window).scroll(function() {
    var offset = $("#place").offset().top;

    if ($(window).scrollTop() >= offset) {
        alert("hello");
    }
});

Answer 2

使用 . 使 div 可见后，您可以从脚本触发事件。触发功能

例如

//declare event to run when div is visible
function isVisible(){
   alert("hi");
}

//hookup event
$('#place').bind('isVisible', isVisible);

//show div and trigger custom event in callback when div is visible
$('#place').show('slow', function(){
    $(this).trigger('isVisible');
});