如何检测用户何时以不同大小滚动页面

Question

我需要一个函数来检测用户何时以小的和正常的宽度滚动页面。

$(document).ready(function () {
    $(window).on("load resize", function () {
        if ($(window).width() > 752) {
            alert("Desktop version");
            $(this).scroll(function () {                   
                alert("Scrolled in desktop version");
            });
        }
        else {
            alert("Mobile function");
            $(this).scroll(function () {
                alert("Scrolled in mobile version");
            });
        }
    });
});

div{
    background-color:blue;
    height:2000px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>page</div>

Answer 1

您需要在scroll事件中移动窗口宽度逻辑。目前，您在调整屏幕大小时附加了多个滚动事件。

＆＃13;

＆＃13;

$(window).on("load resize", function () {
  $(this).scroll(function () {      
    if ($(window).width() > 752) {
      console.log("Scrolled in desktop version");
    }
    else {
      console.log("Scrolled in mobile version");
    }
  });    
});

＆＃13;

div{
    background-color:blue;
    height:2000px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div></div>

＆＃13;

＆＃13;

＆＃13;