Question

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

我可以通过click事件来做到这一点，但是我不知道如何使用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这样实现

定义目标细分

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

然后使用如下所示滚动到上面定义的任何div，

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

注意-如果可以的话，有一些可用的jQuery插件可以很容易地实现这一目标。一个是jQuery ScrollTo。您可以通过谷歌搜索找到许多其他人

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

1 个答案: