jquery window resize 事件手机端上下滑动时也会触发resize事件问题解决方法

当使用下面的代码时

 $(window).on('resize', function() {
        const width = $(window).width();
        if (width > 640  {
            //do some thing
        }
        if(width <= 640 ){
           //do some thing
        }
    });

我们在pc端执行的时候是没有任何问题的，但是当用手机访问的时候，滚动手机上下滑动的时候会触发该resize事件。

所以，得把代码稍作调整，在resize外层获取窗口的宽度，然后对宽度进行比较，如果width没有变化则不执行，

修改后的代码如下：

 //resize 重新定义大小
    var dwidth = $(window).width();
    //windows resize手机端向下滑动也会触发
    $(window).on('resize', function() {
        const width = $(window).width();
        if (width > 640 && dwidth !== width) {
           //do something
        }
        if(width <= 640 && dwidth !== width){
           //do something
        }
    });