代码之家 › 专栏 › 技术社区 › detinu20

窗口大小调整和滚动

resize scroll jquery javascript

detinu20 · 技术社区 · 6 年前

我已经创建了一个搜索系统,当只在小屏幕上单击输入框时,屏幕向下滚动,以使更多的注意力集中在输入框上。即使我将屏幕调整到超出参数范围,滚动仍会继续工作。反之亦然(如果屏幕开始变大就不起作用)。当屏幕调整大小时,我如何使其工作?

这是我迄今为止的代码:

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

}

1 回复 | 直到 6 年前

jmcgriz 6 年前

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

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

推荐文章

osteopathx · 使用jquery通过HTML按钮水平滚动全景图像

6 年前

Zay · 2个div,具有响应滚动的固定图像

6 年前

miss.emenems · 仅当元素到达窗口顶部时调用函数一次

6 年前

Tobias von Falkenhayn · 如何为无休止的滚动回收视图绘制背景

6 年前

dungey_140 · jQuery根据滚动位置添加类

6 年前

Marco · 滚动时在视口中显示元素

6 年前

CoÅkun Cengiz · 在listview中显示或隐藏对象

6 年前

Albeld · Autoscroll网站始终保持相同的速度

6 年前

peace_love · 如何使表格滚动到某个位置?

6 年前

joedoesnotknow · 添加新元素时如何滚动到div底部

6 年前