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

use*_*845 1 javascript css jquery

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

这是我的代码

<div id="dialog_box" class="dbox" style="display: none; position: fixed;                
right: 192px ! important; z-index: 1000; top: 0px;">
Run Code Online (Sandbox Code Playgroud)

我想在使用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.
});
});
Run Code Online (Sandbox Code Playgroud)

Nom*_*man 5

这是一个详细的教程.

我相信这会有所帮助.

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