鍍金池/ 問答/HTML5  HTML/ fixed左右滑動(dòng)問題

fixed左右滑動(dòng)問題

圖片描述

如上圖：
我現(xiàn)在要做的是固定在頂部，同時(shí)要可以左右滑動(dòng)；
問題是固定和左右滑動(dòng)不能同時(shí)使用，設(shè)置了固定，就不能左右滑動(dòng)了；相反也是

這個(gè)問題要怎么解決呢

回答
編輯回答
離觴

在需要滾動(dòng)的div外面再套一層，然后就好了

2017年7月7日 05:11
編輯回答
命于你

類似這樣，套一層header__container，這個(gè)容器設(shè)置position: fixed; overflow-x: auto; width: 100%;，然后header給一個(gè)寬度就可以了。

<div class="header__container">
    <div class="header">
        <ul class="navs">
            <li class="nav">推薦</li>
            <li class="nav">護(hù)膚</li>
            <li class="nav">卸妝</li>
            <li class="nav">面霜</li>
            <li class="nav">護(hù)發(fā)</li>
            <li class="nav">唇妝</li>
            <li class="nav">底妝</li>
        </ul>
    </div>
</div>
.header__container {
    position: fixed;
    width: 100%;
    overflow-x: auto;
}

.header {
    width: 900px;
}
2017年12月21日 21:03