html - div 横向移动和 deminions

Question

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

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