Html Div固定在顶部,但仍可以水平滚动
我想将网页标题固定在顶部,例如使用position:fixed;在CSS中,但是如果浏览器的宽度小于页眉的1000px,我希望它可以与页面的其余部分一起水平滚动Html Div固定在顶部,但仍可以水平滚动,html,css,fixed,Html,Css,Fixed,我想将网页标题固定在顶部,例如使用position:fixed;在CSS中,但是如果浏览器的宽度小于页眉的1000px,我希望它可以与页面的其余部分一起水平滚动 当然,我可以使用javascript结合绝对定位来更改div的最高值,但我更喜欢不使用javascript的人也可以访问该功能。谢谢 对不起,我无能为力。您还可以将其固定并水平滚动,如下所示: $(window).scroll(function(){ var leftScroll = $(document).scrollLeft
当然,我可以使用javascript结合绝对定位来更改div的最高值,但我更喜欢不使用javascript的人也可以访问该功能。谢谢 对不起,我无能为力。您还可以将其固定并水平滚动,如下所示:
$(window).scroll(function(){
var leftScroll = $(document).scrollLeft();
$('.fixedElement').css({'margin-left':-leftScroll});
});
默认情况下,它将水平滚动,但我认为您可能指的是使用内容垂直滚动 您可以通过CSS媒体查询来实现这一点
@media all and (max-width: 1000px) {
#header {
position: static;
}
}
页眉固定在页面顶部,在小尺寸上水平滚动(此处,宽度小于600px的尺寸)
标题{
位置:固定;
顶部:0px;
宽度:100%;
溢出-x:自动;
}
div{
宽度:100%;
最小宽度:600px;
}
[内容]
是否可以水平滚动?你是说垂直的吗?
header{
position:fixed;
top:0px;
width:100%;
overflow-x:auto;
}
div{
width:100%;
min-width:600px;
}
<header>
<div> [ content ] </div>
</header>