是否有一个js功能可以向上和向下滚动网站？

Question

我想知道是否有人知道是否有javascript或某些内容在点击时向上和向下滚动网站。

例如，我想创建一个包含多个div的网站。看下面的照片。

我希望每个div适合屏幕，而div 1是主要div，起点。假设我在传记的菜单中有一个链接，传记的内容在div 4中，有人点击传记，我希望网站向下移动到div 3，然后向右移动到div 4，同样的东西用于div 4和所有的div。当有人点击div中的链接时，我希望网站按照我指定的方向滚动，这是可能的。

左右向上

Answer 1

jquery animate函数是正确的方法。

在这里，您可以找到有关如何使用它的简单明了的教程：http://gazpo.com/2012/03/horizontal-content-scroll/

本教程仅适用于水平滚动，但您可以轻松扩展以在两个方向上滚动页面（同时垂直和水平）。

Answer 2

是的，他们是：

1. .scrollLeft()
2. .scrollRight()

Answer 3

使用jQuery，您可以设置body的{​​{1}}值的动画来上下滚动：

scrollTop

上面的代码将滚动到$("html,body").animate({ scrollTop: $("#bio").offset().top }, 1000); id的元素。

就横向滚动而言，我认为你可以使用一个小技巧。将正文的#bio设置为overflow-x以隐藏溢出到浏览器视口右侧的任何内容。然后，您可以将hidden的{​​{1}}调整为“滚动”到右侧或左侧。但是，当然，这会消除用户滚动浏览所有div的能力。

margin-left

Answer 4

你可以使用jquery动画功能，它会给你更多的控制权

  $('#div').animate({
    left: '+=50'
  }, 5000, function() {
    // Animation complete.
  });

了解更多信息 - http://api.jquery.com/animate/