CSS で div にスクロールを追加し、スクロールバーを非表示にする

CSS は div にスクロールを追加し、スクロールバーを非表示にします。具体的なコードは次のとおりです。

htmlで

<div class="box">
    <div>次のコンテンツは別々にスクロールします</div>
    <div class="スクロール">
        <div class="content">
            <p>1111111111111111</p>
            <p>22222222222222</p>
            <p>333333333333333</p>
            <p>44444444444444</p>
            <p>1111111111111111</p>
            <p>22222222222222</p>
            <p>333333333333333</p>
            <p>44444444444444</p>
        </div>
    </div>
</div>

CSS部分

<スタイル>
    div{
        フォントサイズ: 15px;
        下マージン: 20px;
    }
    。コンテンツ{
        height: 300px;v // スクロール部分の高さを設定する必要があります background-color: cadetblue;
        色: アンティークホワイト;
        overflow-x: hidden; /*x軸のスクロールは禁止されています*/
            overflow-y: scroll;/*y軸スクロール*/ 
    }
    .content::-webkit-スクロールバー{
        display: none;/*スクロールバーを非表示*/ 
    }
    p{
        下部マージン: 30px;
        フォントサイズ: 17px;
        色: #333;
    }
</スタイル>

要約する

上記は、div にスクロールを追加し、スクロールバーを非表示にするために紹介した CSS です。お役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。
この記事が役に立ったと思われた方は、ぜひ転載していただき、出典を明記してください。ありがとうございます!

<<: IEのクラッシュバグ

>>: IDEA に基づいて Tomcat サーバーを展開するための詳細な手順