Question

我已经创建了一个搜索系统，当仅在较小尺寸的屏幕上单击输入框时，屏幕会向下滚动，以使输入框更加集中。即使我将屏幕的大小调整为超出参数大小，滚动仍继续起作用。反之亦然（如果屏幕开始变大，则不会起作用）。调整屏幕大小后，如何进行此项工作。

这是我到目前为止的代码：

if (window.innerWidth < 700) {
    $(".sl-mobile").click(function () {
        $('html, body').animate({
            scrollTop: $(".search-subheading").offset().top
        }, 2000);
    })
}else{

}

Answer 1

如果窗口小于700，则在脚本加载时，您的代码将绑定一次click事件。您应该改为检查click事件内部的窗口宽度，如下所示：

$(".sl-mobile").click(function () {
  if (window.innerWidth < 700) {
    $('html, body').animate({
        scrollTop: $(".search-subheading").offset().top
    }, 2000);
  }
})

窗口大小调整和滚动

1 个答案: