如何在div到达特定div时停止滚动？

Question

点击一个按钮即可弹出。我想要实现的是当它到达我的网站的菜单时停止滚动这个弹出窗口。

这是我的代码

<div id="dialog_box" class="dbox" style="display: none; position: fixed;                
right: 192px ! important; z-index: 1000; top: 0px;">

我想在使用jquery或java脚本到达#menu id div时停止滚动#dialog_box。

到目前为止我已经尝试了这个但是没有用

jQuery(window).scroll(function(){
jQuery('#dialog_box').scrollTo('#menu'); // i would like to stop scrolling of dialog_box when it meet the #menu id div.
jQuery("#dialog_box").css("top", Math.max(0, 162 -    
jQuery(this).scrollTop()));  // i have tried this to position dialog_box from top but its not giving me the exact result.
});
});

Answer 1

这是一个详细的教程。

我相信这会有所帮助。

http://css-tricks.com/scroll-fix-content/

Answer 2

你可以像这样使用js代码

  var wrap = $("#wrap");    
  wrap.on("scroll", function(e) {  
    if (this.scrollTop > 100) {
       wrap.addClass("class_name_of_div");
    } else {
       wrap.removeClass("class_name_of_div");
    }
});

在.CSS

.class_name_of_div{
    position: fixed;
        top: 10px;
}

试试这个会奏效