一段时间后转到带有锚点的内容

Question

我的网站上有一个 "intro image"，用户可以点击它并使用锚点将页面向下滚动到内容。好吧，不是每个人都点击 link，所以我希望页面在几秒钟后自动向下滚动到内容（如果用户没有点击锚点-link）。有什么方法可以使用 JS 或 CSS 来帮助我做到这一点吗？

这是linkhttp://www.bahelitours.com/es/info-test

Answer 1

目标区域是#info-content。一段时间后使用 setTimeout() 到运行（这个运行s 在 5000ms 或 5s - 根据需要更改），然后查看用户是否没有滚动（$.scrollTop() == 0)，如果没有，请滚动到目标区域。

setTimeout(function() {
  if ($(window).scrollTop() == 0) {
    $('html, body').animate({
  scrollTop: $('#info-content').offset().top
    },500,"swing");
  }
},5000);

header,#info-content {
  height: 300vh;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header></header>
<section id="info-content">info-content</section>

一段时间后转到带有锚点的内容

Go to content with anchor after some time

html

javascript

css

anchor

jquery