Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/EmptyTag/143.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Div固定在顶部,但仍可以水平滚动_Html_Css_Fixed - Fatal编程技术网

Html Div固定在顶部,但仍可以水平滚动

Html Div固定在顶部,但仍可以水平滚动,html,css,fixed,Html,Css,Fixed,我想将网页标题固定在顶部,例如使用position:fixed;在CSS中,但是如果浏览器的宽度小于页眉的1000px,我希望它可以与页面的其余部分一起水平滚动 当然,我可以使用javascript结合绝对定位来更改div的最高值,但我更喜欢不使用javascript的人也可以访问该功能。谢谢 对不起,我无能为力。您还可以将其固定并水平滚动,如下所示: $(window).scroll(function(){ var leftScroll = $(document).scrollLeft

我想将网页标题固定在顶部,例如使用position:fixed;在CSS中,但是如果浏览器的宽度小于页眉的1000px,我希望它可以与页面的其余部分一起水平滚动


当然,我可以使用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>