javascript - HTML CSS 要素のオーバーライド

Question

最近、次の CSS が適用された Photoswipe ギャラリーを Web サイトに追加しました。

html {overflow-y:scroll;overflow-x:auto;}

問題は、このオーバーフローのために全画面ギャラリーがスクロールすることですが、表示されている画面にぴったりと収まる必要があり、スクロールはありません。このページで jQuery に問題があったため、jQuery を使用して削除したくありません。

私は試した：

<style type="text/css">
html {}
</style>

運がない。削除するには他に何ができますか?

score 3 · Accepted Answer

たとえば、これを試すことができます：

<style type="text/css">
html 
{
overflow-y:auto !important;
overflow-x:auto !important;
}
</style>

score 0 · Accepted Answer

あなたのCSSコードスニペットはプラグインのスタイルをゼロにせず、スタイルなしで新しいルールを単純に宣言します。オーバーフロー値を何かに明示的に設定する必要があります

<style type="text/css">
    html { 
       overflow-x:auto; 
       overflow-y:auto; 
    }
</style>

このコードが問題のコードの後に来る限り、カスケードは最初のスタイルをオーバーライドする必要があり、!important は必要ありません (または良い習慣です)。

また、プラグインがどのように機能するか正確にわからないため、オーバーフローのさまざまな値を試してみることもできます。可能な値は、visible、hidden、scroll、auto、inherit です。

2 に答える 2