Question

我有一个div菜单，位置：固定;在我的html编辑器中进行设置时看起来不错，然后在最大化或最小化浏览器大小时通过浏览器进行本地测试，它会保留在该位置，并且在某些时候将覆盖元素。我是这个div留在我的bodyline区域，从来没有在标题区域和页脚区域。所以基本上我希望它在向下滚动时停止并且页脚出现它应该在它上面停止。还需要知道如何在调整浏览器大小时阻止它跳过屏幕。有什么帮助吗？

Answer 1

如果您希望在用户屏幕处于特定滚动量（例如在点击页脚时停止固定位置）的情况下，您需要使用Javascript

使用jQuery：

$(window).scroll(function() {  // Called whenever a user scrolls on your page
    if ($(window).scrollTop() < 200) { // User is close enough to header, leave element absolute (or however you want it)
        $('#fixed-element-id').css('position', 'absolute');
        // Other logic
    } else if ($(window).scrollTop() > 800) { // user is close enough to footer, leave element absolute (or however you want it)
        $('#fixed-element-id').css('position', 'absolute');
        // Other logic
    } else { // User is somewhere that the element needs to follow their scrolling
        $('#fixed-element-id').css('position', 'fixed');
        // Other logic
    }
});

div横向移动和尺寸

1 个答案: