1

ユーザーがそれをクリックすると、jsアニメーションでトップに戻るアンカー画像に戻るがあります。最初にjsでアイコンを非表示にしましたが、特定のポイントに到達すると表示されます。これはうまくいっています。

これが私の問題です。私の @media クエリでは、トップに戻るアイコンを 0px から 480px のビューポートに表示したくありませんでした。そこで、0px から 480px の @media クエリで、アイコンを display:none に設定しました。しかし、それはまだ表示されています。私はそれを強制的に表示しているjsを知っています。

0 から 480px のみの js hide() 関数をオーバーライドするにはどうすればよいですか?

4

2 に答える 2

2

!importantCSS 内 (および 480px メディア クエリ内) で単純に使用できます。これにより、jQuery によって適用されるインライン スタイルが上書きされます。

@media (max-width: 480px) {
    .logo{
        display: none !important;
    }
}

より良い解決策は、その幅で表示されないように JavaScript を変更することです!

于 2013-05-24T14:03:16.040 に答える
-1

jQuery hide()&show()要素に直接表示プロパティを設定します。

例えば<div class="hide" style="display: block">...</div>

この場合、特定性の階層により、スタイルシートのプロパティがオーバーライドされます。jQuery で表示を設定することが重要であるが、要素を 480px 未満の幅で表示したくない場合は、必要に応じて または のいずれかを行う条件付きロジックを使用する必要がありshow()ますhide()。

何かのようなものif (480 > window.innerWidth) { $('.hide').hide(); }

于 2013-05-24T14:19:19.963 に答える