向下滚动到下一部分，向上滚动上一部分

Question

我正在为电影制作人创建一个投资组合网站。 我想要的是：当用户向下滚动窗口时，页面转到下一部分，向上滚动时，它转到上一部分。 它们看起来像跳转到另一个页面，但它们应该在一个页面中。 例如现在的位置：网站（ http://taotajima.jp/ ， http://maxxhat.com/ ）。

我可以用点击事件来做到这一点，但我不知道如何用 SCROLL 做到这一点。

我想要的不是这样的（ https://alvarotrigo.com/fullPage/#page1 ）。

我的代码是这样的：

<body>
  <section id="first" class="current">
      Content
  </section>

  <section id="second">
      Content
  </section>

  <section id="third">
      Content
  </section>

  <section id="fourth">
      Content
  </section>
</body>

每个部分都是整页视图。 具有“当前”的部分显示在页面中。 我想从当前部分删除“当前”类，并在向下滚动时将其附加到下一部分，向上滚动时将其附加到下一部分。 我怎样才能做到这一点？

先感谢您。

Answer 1

你可以像这样用jQuery做到这一点，

定义您的目标 div。

var yourDiv = $('#divID').offset();

然后使用如下滚动到任何定义的 div 像这样，

$('html, body').animate({scrollTop: yourDiv.top}, "slow");

注意-如果可以的话，有一些 jQuery 插件可以很容易地实现这一点。 一种是 jQuery ScrollTo。 你可以通过简单的谷歌搜索找到许多其他人

向下滚动到下一部分，向上滚动上一部分

问题描述

1 个解决方案

解决方案1
0 2019-04-08 07:46:15

向下滚动到下一部分，向上滚动上一部分

问题描述

1 个解决方案

解决方案1 0 2019-04-08 07:46:15

解决方案1
0 2019-04-08 07:46:15