Web ページを作成しました: my-web-page しかし、ブラウザー ウィンドウを縮小すると、垂直スクロール バーが表示されません。垂直スクロールを取得するにはどうすればよいですか?
私のstyle.cssファイルは次のとおりです。
忙しい猫 http://www.cde-express.com/wangying/css.jpg
どうもありがとう!
Web ページを作成しました: my-web-page しかし、ブラウザー ウィンドウを縮小すると、垂直スクロール バーが表示されません。垂直スクロールを取得するにはどうすればよいですか?
私のstyle.cssファイルは次のとおりです。
忙しい猫 http://www.cde-express.com/wangying/css.jpg
どうもありがとう!
明示的に非表示にしているため、スクロールバーは非表示になっています。
24 行目の部分を取り除くと、overflow: hidden
スクロールバーが元に戻るはずです。24 行目は次のようになります。
body{ margin: 0;padding: 25px 0px 0px 30px; }
これがあなたを助けることを願っています!! 「メインクラス」のcssを使用して、この行をDIVに追加するだけです
overflow-y: scroll;
それだけです:)左のパンはスクロール可能になります。スタイリッシュなスクロール バーが必要な場合は、これらの行を CSS ファイルの先頭に追加します。
/* Let's get this party started */
::-webkit-scrollbar {
width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px greenyellow;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: orange;
-webkit-box-shadow: inset 0 0 6px blueviolet;
}
::-webkit-scrollbar-thumb:window-inactive {
background: yellow;
}
垂直スクロールのみを行うには、css で overflow-y プロパティを使用できます。垂直スクロールのみに制限します。