javascript - 如何使用平滑滚动

标签 javascript html css

在我的测试站点上 http://snapsite.byethost22.com (或通过 http://robinvandernoord.nl )我试图在几秒钟后自动向下滚动一点。

它应该在几秒钟内滚动到 #image,并且滚动流畅。

我用meta refresh试了一下,一直刷新,而且不流畅。

所以我的问题是:我可以用另一种方式来做吗?

最佳答案

你可以用

setTimeout(
  function() {
    $("html, body").animate({
      scrollTop: $("#image img").offset().top
      });
    },
  2000);

阅读此答案以获取更多信息:jQuery scroll to element还有这个:Executing JavaScript after X seconds

关于javascript - 如何使用平滑滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25209779/

相关文章:

css - 使用 CSS Hack 时如何使用 Safari 和 Opera 导入 CSS?

javascript - 使用 PHP/Javascript 创建图像,在图像周围提供灰色输出

javascript - Three.js getWorldPosition 未返回预期结果

html - 如何使 Bootstrap 行背景颜色填充页面的其余部分?

css - Bootstrap 边栏上图标旁边的文本对齐

jquery - css让div停留在div的底部

javascript - 避免在按钮单击时出现多个克隆或重复的 div,并在最后一个克隆的 div 之后插入一次

javascript - 如何在不使用 for 循环的情况下迭代 FormDataentries() 数组

javascript - OnClick 操作不会立即起作用,但仅适用于第一次加载。包括现场示例。

javascript - 在不重新加载整个页面的情况下重新加载 DIV