css - 除非页面向下滚动到某个点，否则我怎么能有一个不会移动的滑动菜单 div

Question

我有一个菜单 div，我想将其向下滑动以使其始终可见，但我希望它位于我的标题 div 下方。我不希望它移动，直到菜单顶部触及屏幕顶部然后保持原位。基本上我想要一个滑动菜单，它可以滑动到最大高度。

Answer 1

我想我明白你在说什么——我们在 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 致敬。)