如何检测用户何时以不同尺寸滚动页面

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

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

$(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");
    }
  });    
});

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

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

<div></div>

如何检测用户何时以不同尺寸滚动页面

How to detect when the user scrolls the page in different sizes

jquery

scroll

function

width