欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css 給div添加滾動并隱藏滾動條

  發(fā)布時間：2019-07-09 11:51:04   作者：佚名   我要評論
這篇文章主要介紹了css 給div添加滾動并隱藏滾動條的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下

css 給div添加滾動并隱藏滾動條 ，具體代碼如下所示:

 在html中

<div class="box">
    <div>下面內(nèi)容會單獨滾動</div>
    <div class="scroll">
        <div class="content">
            <p>1111111111111111</p>
            <p>222222222222222</p>
            <p>333333333333333</p>
            <p>4444444444444444</p>
            <p>1111111111111111</p>
            <p>222222222222222</p>
            <p>333333333333333</p>
            <p>4444444444444444</p>
        </div>
    </div>
</div>

css部分

<style>
    div{
        font-size: 15px;
        margin-bottom: 20px;
    }
    .content{
        height: 300px;v // 必須設(shè)定滾動部分的高度
        background-color: cadetblue;
        color: antiquewhite;
        overflow-x: hidden; /*x軸禁止?jié)L動*/
        　　　　 overflow-y: scroll;/*y軸滾動*/ 
    }
    .content::-webkit-scrollbar {
        display: none;/*隱藏滾動條*/ 
    }
    p{
        margin-bottom: 30px;
        font-size: 17px;
        color: #333;
    }
</style>

總結(jié)

以上所述是小編給大家介紹的css 給div添加滾動并隱藏滾動條  ,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

相關(guān)文章

最新評論