我有一个菜单div,我想向下滑动,所以它总是可见的,但我希望它位于我的标题div下面.我不希望它移动,直到菜单顶部到达屏幕顶部然后保持原位.基本上我想要一个滑动菜单,它可以滑动到最大高度.
我想我明白你在谈论什么 - 我们在The King上使用类似的技术和jQuery.这是如何做:
///// CONFIGURATION VARIABLES: var name = "#rightsidebar"; var menu_top_limit = 241; var menu_top_margin = 20; var menu_shift_duration = 500; var menuYloc = null; /////////////////////////////////// $(window).scroll(function() { // Calculate the top offset, adding a limit offset = menuYloc + $(document).scrollTop() + menu_top_margin; // Limit the offset to 241 pixels... // This keeps the menu out of our header area: if(offset < menu_top_limit) offset = menu_top_limit; // Give it the PX for pixels: offset += "px"; // Animate: $(name).animate({top:offset},{duration:menu_shift_duration,queue:false}); });
(编写此代码的@soyrex的帽子提示.)