css - posicionar - ¿Cómo puedo tener un div menú deslizante que no se mueve a menos que la página se desplaza hacia abajo más allá de un cierto punto

posicionar div css

Question

Tengo un menú div que quiero deslizar hacia abajo para que siempre esté visible, pero quiero que se coloque debajo de mi título div. No quiero que se mueva hasta que la parte superior del menú llegue a la parte superior de la pantalla y luego permanezca en su lugar. Básicamente, quiero un menú deslizante con una altura máxima a la que pueda deslizarse.

Answer 1

Slashdot hace esto. Compruébelo en, por ejemplo, http://tech.slashdot.org/tech/08/10/22/1246200.shtml

Puede levantar la técnica desde su sitio.

Answer 2

Creo que entiendo de lo que estás hablando: utilizamos una técnica similar en The King con jQuery. Así es cómo:

///// 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});
});

(Punta de sombrero para @soyrex que escribió este código).