CODEWITHSUNDEEP
javascriptmedia
x-y-z-select
x-y-z-select

Reputation: 95

How to disable JavaScript in media query

I want to dissable javascripts in media query. 

@media only screen
 (max-device-width : 568px) {
.sidebar { display: none; } 
  #navmenu {  margin-top:0px; width:auto; padding:10px; margin-left:15%;}
.content {width:auto; height:auto; margin-left:0; margin-top:3%;}
.contentsing{position:relative; width:100%; height:auto; margin-left:0%; margin-top:-150px;}


}

That is mu code, now i want to add something that will disable scripts.

Upvotes: 3

Views: 9118

Answers (3)

sioniks
sioniks

Reputation: 29

When you use jQuery - this code will help you

$(window).resize(function() {
    if ($(window).width()>992){
        ...execute script
    }
});

Upvotes: 2

ali
ali

Reputation: 21

this would work better....

if ($(window).width()>568){
    ...execute script
}

Upvotes: 1

Julian Krispel-Samsel
Julian Krispel-Samsel

Reputation: 7734

You could wrap your script in an if statement that checks how wide the screen is like this:

if(window.innerWidth > 568){
    ...execute script
}

However, that will only execute once, so what if you resize your browser window? You could have an event listener that executes your script whenever you resize the browser.

window.addEventListener('resize', function(){
    if(window.innerWidth > 568){
        ...execute script
    }
});

Upvotes: 9

Related Questions