Javascript滚动 - 水平和垂直 - 到页面上的特定位置？答案

【问题标题】：Javascript scroll - both horizontal and vertical - to particular positions on the page?Javascript滚动 - 水平和垂直 - 到页面上的特定位置？
【发布时间】：2013-03-27 15:02:44
【问题描述】：

这是我的网站：紫罗兰色.com

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

垂直：单击顶部的写作链接会向下滚动，以便侧栏上的写作部分位于页面顶部。

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

水平：在侧边栏的写作部分，我希望当点击这些按钮时，deadspin、gawker 和 awl 链接可以滚动到写作框中的内容。我想这会有一个溢出：隐藏元素某处？如果在这个框中垂直滚动会更容易，那也没关系。

我发现了这个很棒的网站，我认为它会有所帮助：

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元素来固定位置吗？）

我是新手，所以希望能具体一点。（脚本是否进入头部，是否向上/向下滚动到相对或固定位置等）

谢谢！

【问题讨论】：

标签： javascript jquery scroll

【解决方案1】：

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

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

还有这个页面也可以为您提供帮助。 How can I scroll to a specific location on the page using jquery?

试试这个代码

$(".yourclass").click(function() {

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

});

【讨论】：

我看到了那个页面，但我还没有完全理解它的知识库。我应该把所有这些元素放在哪里？我使用哪个代码，我应该把它放在哪里？
$('#your-div').scrollView();这将进入您的 $(document).ready(function() { //in here });
老实说，听起来你不需要 jQuery 来做你想做的事。一些 CSS 和 HTML 可以很好地工作。
感谢 Cam - 正如我所说，我是新手。我还是不明白你的意思。
你能把一个 jsfiddle 放在一起，让我们看看你想要完成什么吗？

【解决方案2】：

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

Download zip at Github

【讨论】：