亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

fixed左右滑動問題

fixed左右滑動問題

MMTTMM 2019-03-03 11:15:48
如上圖：我現在要做的是固定在頂部，同時要可以左右滑動；問題是固定和左右滑動不能同時使用，設置了固定，就不能左右滑動了；相反也是這個問題要怎么解決呢
查看完整描述

1 回答

?
慕的地6264312

TA貢獻1817條經驗 獲得超6個贊

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


<div class="header__container">

    <div class="header">

        <ul class="navs">

            <li class="nav">推薦</li>

            <li class="nav">護膚</li>

            <li class="nav">卸妝</li>

            <li class="nav">面霜</li>

            <li class="nav">護發</li>

            <li class="nav">唇妝</li>

            <li class="nav">底妝</li>

        </ul>

    </div>

</div>

.header__container {

    position: fixed;

    width: 100%;

    overflow-x: auto;

}


.header {

    width: 900px;

}


查看完整回答
反對 回復 2019-03-05
  • 1 回答
  • 0 關注
  • 745 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號