javascript - 如果宽度 > 915 像素，则使用函数滚动页面 100 像素

Question

为什么这个脚本不起作用？仅当页面宽度超过 915 像素时，我希望单击按钮时滚动页面 100 像素。我试图通过仅在宽度超过 915 像素时允许该函数运行来实现此目的，但它没有发生。怎么办？

$(document).ready(function() {
  if(window.innerWidth > 915) {
    function scrollDown() {
      window.scrollBy(0, 100);
    }
  }
});

Answer 1

这是因为您只定义了 scrollDown() 函数，而没有调用它。该函数本身是多余的。您可以直接调用 scrollBy() 。试试这个:

$(document).ready(function() {
  if (window.innerWidth > 915) {
    window.scrollBy(0, 100);
  }
});

另请注意，这只会在页面加载时运行。如果您想在单击按钮时执行此操作，则需要添加按钮单击事件处理程序，如下所示:

$(document).ready(function() {
  $('#yourButton').click(function() {
    if (window.innerWidth > 915) {
      window.scrollBy(0, 100);
    }
  }).click(); // remove .click() here if you don't want to run the code on load
});