Html div侧向移动和尺寸

Html div侧向移动和尺寸,html,css-position,Html,Css Position,我有一个div菜单,位置:fixed;在“我的html编辑器”中进行设置时,它看起来不错,然后在最大化或最小化浏览器大小时通过浏览器进行本地测试,它停留在某个位置,并且在某些点上会覆盖元素。我是这样的一个div,我要呆在我的身体线区域内,从来没有在页眉区域或页脚区域。所以基本上我希望它在向下滚动时停止,页脚显示它应该在它的正上方停止。还需要知道如何阻止它在调整浏览器大小时跳屏。有什么帮助吗?如果您希望Javascript在用户屏幕处于特定滚动量时表现出特定的行为方式,则需要使用Javascrip

我有一个div菜单,位置:fixed;在“我的html编辑器”中进行设置时,它看起来不错,然后在最大化或最小化浏览器大小时通过浏览器进行本地测试,它停留在某个位置,并且在某些点上会覆盖元素。我是这样的一个div,我要呆在我的身体线区域内,从来没有在页眉区域或页脚区域。所以基本上我希望它在向下滚动时停止,页脚显示它应该在它的正上方停止。还需要知道如何阻止它在调整浏览器大小时跳屏。有什么帮助吗?

如果您希望Javascript在用户屏幕处于特定滚动量时表现出特定的行为方式,则需要使用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
    }
});
$(窗口).scroll(函数(){//在用户在页面上滚动时调用
如果($(window).scrollTop()<200){//User离页眉足够近,则将元素保留为绝对值(或以您希望的方式保留)
$('固定元素id').css('位置','绝对');
//其他逻辑
}否则,如果($(window).scrollTop()>800){//user离页脚足够近,则将元素保留为绝对值(或按您的需要)
$('固定元素id').css('位置','绝对');
//其他逻辑
}否则{//User就是元素需要跟随滚动的地方
$('#fixed element id').css('position','fixed');
//其他逻辑
}
});

真的不需要语法课,谢谢。我的观点是毫无疑问的,而且很容易理解。特别是你,谢谢。我在编写代码的同时打字很快。好的,谢谢你,Mash。现在的问题是,因为我没有jQuery的经验,我需要一个javascript来调用jQuery吗?还是不?这也是我将使用的代码,你张贴或它是一个例子?谢谢你的回答quickly@nextlevelgamingCOjQuery是一个javascript库,它使生活变得更加简单。在这里,您可以使用默认javascript做同样的事情,只是看起来更混乱。是的,这是一个例子,它被注释了,这样你就可以理解每个部分都做了什么。那么你是说我不需要javascript来调用jQuery,它实际上是javascript,而是更干净的格式?我看到了您的评论,不过让我问一下$signs有什么作用?$是jQuery的别名,jQuery是一个将选择器字符串带到DOM元素的函数。如果您不理解jQuery,您可能需要创建一个单独的问题,或者自己进一步调查它。您可以使用$('#footer id').offset().top而不是800。这将返回页脚距页面顶部的距离。