How to Disable / Re-enable Javascript on window resize?

Question

I need to be able to disable / re-enable Javascript on window resize? Currently when the window is resized on the desktop, the nav bar sticks and is the only thing visible instead of the content.

<script>  
if ( $(window).width() <= 1200 ) {
}else{


$('nav').addClass('original').clone().insertAfter('nav').addClass('cloned').css('position','fixed').css('top','0').css('margin- top','0').css('z-index','500').removeClass('original').hide();

scrollIntervalID = setInterval(stickIt, 10);


function stickIt() {

var orgElementPos = $('.original').offset();
orgElementTop = orgElementPos.top;               

if ($(window).scrollTop() >= (orgElementTop)) {

as original element.     
orgElement = $('.original');
coordsOrgElement = orgElement.offset();
leftOrgElement = coordsOrgElement.left;  
widthOrgElement = orgElement.css('width');
   th',widthOrgElement).show();
$('.original').css('visibility','hidden');
} else {
$('.cloned').hide();
$('.original').css('visibility','visible');
}
}
</script>

You can use $(window).resize(function() {.....});

Ismail RBOUH
– Ismail RBOUH

2016-07-09 03:17:25 +00:00
Commented Jul 9, 2016 at 3:17 — Ismail RBOUH
– Ismail RBOUH, Commented Jul 9, 2016 at 3:17

Ismail RBOUH · Accepted Answer · 2016-07-09 03:22:33Z

1

You can bind an event handler to the "resize" JavaScript event:

$(window).resize(function() {

    if($(window).width() <= 1200) {
        //You code here
    }else {
        //You code here
    }

});

Your code will be executed whenever the browser window's size is changed.

answered Jul 9, 2016 at 3:22

Ismail RBOUH

10.5k2 gold badges26 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kld · Accepted Answer · 2016-07-09 03:27:06Z

1

    $(window).resize(function() {        
        if($(window).width() <= 1200) {
            //small screen code
        }else {
            //large screen code            }

    });

   //trigger window resize event on load
   $(window).trigger('resize');

answered Jul 9, 2016 at 3:27

Kld

7,1183 gold badges39 silver badges50 bronze badges

Comments

caldera.sac · Accepted Answer · 2016-07-09 03:30:08Z

1

you can do it by checking the window width

var winWidth = $(window).width(); // you can get the window width from this

//Then check with the condtion(compare with your need ex :)



  if(winWidth <= 600)
   {
     //your work here
     alert("window resize less than or equal to 600");
   }
   else
   {
     //your work here
     alert("window resize greater than to 600");
   }

answered Jul 9, 2016 at 3:30

caldera.sac

5,1288 gold badges42 silver badges72 bronze badges

Collectives™ on Stack Overflow

How to Disable / Re-enable Javascript on window resize?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related