I found that the $(window).resize() will be triggered when you scroll up/down the website on a mobile device. To prevent this happens, we could add a checking on the screen width.
var width = $(window).width();
$(window).resize(function(){
if ($(window).width() != width) {
// Only action on screen width change
width = $(window).width();
}
});
Done =)
Reference: StackOverflow – javascript resize event on scroll – mobile
Advertisements
Yes, exactly! The reason this happens in Chrome seems to be the browserbar that dis- and reappears on scroll. This triggers the resize event. Tracking the width like in the code above prevents triggering the resize event. Thank you!
LikeLike