有沒有辦法在媒體查詢中禁用CSS類？

-1

我有一個CSS類「淡出」，我想禁用如果視口寬度小於786px 像這樣有沒有辦法在媒體查詢中禁用CSS類？

@media only screen and (max-width: 786px) { 
.fadeout {doesItWork?:noItDoesNotWork!;} 
}

您將看到該類就做什麼「$（窗口）.scrollTop（）;」 jQuery中，我不認爲會在這裏的移動設備適當爲https://tympanus.net/Tutorials/FixedFadeOutMenu/

//fadeout script 
$(function() { 
    $(window).scroll(function(){ 
     var scrollTop = $(window).scrollTop(); 
     if(scrollTop != 0) 
      $('.fadeout').stop().animate({'opacity':'0.2'},400); 
     else  
      $('.fadeout').stop().animate({'opacity':'1'},400); 
    }); 

    $('.fadeout').hover(
     function (e) { 
      var scrollTop = $(window).scrollTop(); 
      if(scrollTop != 0){ 
       $('.fadeout').stop().animate({'opacity':'1'},400); 
      } 
     }, 
     function (e) { 
      var scrollTop = $(window).scrollTop(); 
      if(scrollTop != 0){ 
       $('.fadeout').stop().animate({'opacity':'0.2'},400); 
      } 
     } 
    ); 
});

我打開使用Javascript/jQuery的/插件，但希望有一個CSS唯一的解決辦法，我得到了代碼，並

任何非常感謝的幫助提前謝謝

來源

2017-01-03 Asif Ali

你是否試過不顯示該類'@media只有屏幕和（最大寬度：768px）{.a {display：none;}}' –

@WhiteHox不是很有幫助 –

你是什麼意思「禁用」類？你能告訴我們你的代碼嗎？如果您想隱藏該元素，則可以在該媒體查詢中使用'display：none'。如果您想禁用與'.A'關聯的樣式，則可以將其原始樣式封裝在'（min-width：787px）'塊中，或者使用默認值逐個取消其樣式。 –

爲什麼不只是使用相反的媒體查詢定義類的CSS？

@media only screen and (min-width: 787px) { 
    .A { 
    // style rules here. 
    } 
}

來源

2017-01-03 14:59:11 Assan

該類淡入jQuery爲特殊目的再次不是很有幫助 –

然後，您可以在CSS中執行此操作的唯一方法是禁用特定樣式規則，如VaugenWakeling所示。您可以在開發人員工具中檢查類的樣式規則，並相應地重置它們。 – Assan

好吧，我解釋類做了一些關於「$（window）.scrollTop（）;」在jQuery中，我不認爲將適用於移動設備 –

-1

@media screen and (min-width: 787px) { 
    .A { 
     display: none !important; /* If you just want it hidden */ 
     pointer-events: none; /* If you don't want the user to be able to click */ 
    } 
}

來源

2017-01-03 15:00:30 tamak

顯示沒有沒有禁用一個類 - 它隱藏了該元素 – Pete

該類是褪色jQuery爲一個特殊的目的再次不是很有幫助 –

好的我解釋了類做了一些關於「$（window）.scrollTop（）;」在jquery我不認爲這將適用於移動設備 –

試圖通過使用禁用所需的參數！重要

I.E. 大於768px

.A { 
    margin: 10px; 
    width: 120px; 
}

小於768px

@media only screen and (max-width: 786px) { 
.A { 
margin:0px !important; 
width: 120px !important; 
} 
}

來源

2017-01-03 15:01:13

該類是褪色jQuery爲一個特殊的目的再次不是很有幫助 –

好吧我解釋類做了一些關於「$（window）.scrollTop（）;」在jQuery中，我不認爲會是適用於移動設備 –

不能完全確定您禁止的意思，但你可以用display:none或visibility:hidden。在visibility:hidden元素仍佔用頁面上的空間時，您只能看到它，而display:none根本不會渲染元素。

來源

2017-01-03 15:23:31 user1708

有沒有辦法在媒體查詢中禁用CSS類？

回答

相關問題