jquery:如何从滚动位置打开div

Question

我正在制作一个用 float 按钮打开的菜单。我想从我所在的位置打开菜单，这样我就可以看到菜单。问题是我不能使用 css position: fixed; 因为菜单很大并且需要滚动页面。

    $("#exp_menu").click(function() {
        $("#left_block").show();
        $("#exp_menu_close").show();
        $("#exp_menu").hide();
    });

Answer 1

我假设 #exp_menu 元素是您所指的“菜单”。

您可以在点击事件处理程序中获取当前滚动位置，并根据需要更新 #left_block 元素的位置。如果你想将 #left_block 元素停靠在视口(viewport)的顶部，你可以使用这个:

$("#exp_menu").click(function() {
    $("#left_block").css({
        top : $(window).scrollTop()
    }).show();
    $("#exp_menu_close").show();
    $("#exp_menu").hide();
});

此解决方案要求 #left_block 元素是绝对定位的，并且其偏移父元素是 body 元素。

$(window).scrollTop() 返回当前窗口的滚动位置:http://api.jquery.com/scrolltop/