ウィンドウの高さを確認しようとすると（ウィンドウのサイズを変更するたびに）、それが540px未満の場合は、クラスにcssを追加します。しかし、なぜそれが機能しないのですか？私のjqueryに何か問題がありますか？
$( window ).resize(function() {
var windowh = $(window).height();
if (windowh < 540 ) {
$(".theclass").css('height', '200px');
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>あなたの質問には双方向の解決策があります
CSSを使用
/* OLD CSS*/
.theclass {
text-align: right;
background: lightgray;
}
/* Solution*/
@media (max-height: 540px) {
.theclass {
height: 200px;
}
}<div class="theclass">
Full Screen View ↑
</div>JSで
$( window ).on('load resize',function() { //<-- Change to load,resize
var windowh = $(window).height();
if (windowh < 540 ) {
$(".theclass").css('height', '200px');
}
});//<-- You forgot close `});`/* OLD CSS*/
.theclass {
text-align: right;
background: lightgray;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="theclass">
Full Screen View ↑
</div>この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加