不要な場合でも CSS で垂直スクロールバーを常に表示するにはどうすればよいですか?

「Overflow: Scroll」で垂直スクロールバーを常に表示するように強制できますか?

現在 CSS コードでは overflow-y:scroll を使用しています、必要な場合にのみスクロールバーを表示します。ただし、特に div 内でコンテンツが切り取られている場合、これがユーザーには分からない可能性があることにお気付きでしょう。

この問題に対処するには、CSS を変更して垂直スクロールバーを強制的に表示することができます。要素がスクロールされていない場合でも、常に表示されます。その方法は次のとおりです:

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

これらの CSS ルールにより、垂直スクロールバーが常に表示され、スクロールできるコンテンツがさらにあることがユーザーに明確に示されます。スクロールバーは Chrome や Safari などの macOS ブラウザ間で一貫して表示されるようになり、使いやすさとユーザー エクスペリエンスが向上します。

以上が不要な場合でも CSS で垂直スクロールバーを常に表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。