Question

我在身体标签中间有一个div

<div id="place">

</div>

我想要做的是，当我向下滚动并遇到ID为“地方”的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

使用。trigger函数

将div显示后，您可以从脚本中触发事件。

e.g

//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');
});

当我向下滚动html中的某个div时需要显示警告

2 个答案: