使用Jquery中的.scroll()

working with .scroll() in Jquery

本文关键字:scroll 中的 Jquery 使用      更新时间:2023-09-26

我有一个无法解决的问题。部分原因是我无法用正确的术语来解释。我是新手,很抱歉问了这个笨拙的问题。

下面你可以看到我的目标概述。

<div class="mytest" >
       <!-- some code -->
</div>
<script>
  $(window).scroll(function(){
     if( $(this).scrollTop() > 600 ){
       // Here is my script
     }
  });
</script>

它只能正常工作,但我想让它在div.mytest 之后滚动

这意味着

   <script>
    $(window).scroll(function(){
       if( ----- ){ // div.mytest tag is over 
         // Here is my script
       }
    });
   </script>

有什么想法吗?

这里有一个函数的例子,它接受HTML元素的数组并滚动到它们的最上面。查看它如何使用offset().top方法来定义滚动位置。

function scrollTo(els){
    var maxTop = 0;
    $.each(els, function(i, el){
        maxTop = Math.max(maxTop, el.offset().top);
    });
    $('html, body').animate({
        scrollTop: maxTop
    }, 400);
}