Javascript滚动（水平和垂直）到页面上的特定位置？

Question

这是我的网站：violetoeuvre.com

我想做的是在页面上有多个垂直和水平滚动。 我想我应该用Jquery做到这一点。

垂直：单击该链接时，顶部的书写链接将向下滚动，以使侧栏上的书写部分位于页面顶部。

顶部的联系链接–同样的事情（当我明白了这一点时，我将在侧边栏中的元素的两侧添加上下箭头，以上下滚动到下一个/上一个元素。）

水平：在侧边栏的写作部分中，我希望通过单击死角按钮，gawker和锥子链接来滚动到写作框中的内容。 我想这会在某个地方有一个overflow：hidden元素？ 如果在此框中进行垂直滚动会更容易，那也可以。

我找到了这个极好的网站，认为对您有所帮助：

http://demos.flesler.com/jquery/scrollTo/

相对位置和相对选择器看起来很有希望。

我猜想我使每个按钮成为一个链接，该链接将能够滚动到页面的另一部分。

因此，我将使用此类选择器（顶部的联系人导航栏），例如：

.nav_box_r {
    display: block;
    float:left;
    width:219px;
    text-align: left;
    padding-right: 40px;
    padding-top: 169px;
    margin-top: 0;
}

作为滚动到页面底部的联系信息的链接，例如

$(...).scrollTo( 0, 800, {queue:true} );

（第二个问题：我是否应该将所有statis元素重做为固定位置？）

我对此并不陌生，所以希望您能了解具体情况。 （脚本是否位于头部，是否向上/向下滚动到相对或固定位置等）

谢谢！

Answer 1

希望这会有所帮助，您可以使用href跳转到网站中的div。

<a href="#some_div">Link</a>

此页面也可以为您提供帮助。 如何使用jquery滚动到页面上的特定位置？

试试这个代码

$（“。yourclass”）。click（function（）{

   $(this).animate({ scrollTop: $('#title1').offset().top }, 1000);

}）;

Answer 2

看一下Balupton的ScrollTo插件，它可能对您来说更容易+那里有一个演示，向您展示如何进行设置。

在Github下载zip