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

Javascript滚动-水平和垂直-到页面上的特定位置?,javascript,jquery,scroll,Javascript,Jquery,Scroll,这是我的网站: violetoeuvre.com 我想做的是在页面上有多个Verical和水平滚动条。我想我应该用Jquery来实现这一点 垂直: 单击顶部的书写链接时会向下滚动,以便侧栏上的书写部分位于页面顶部 顶部的联系人链接–同样的事情 (当我掌握了窍门后,我将在侧边栏中的元素任一侧添加上下箭头,以上下滚动到下一个/上一个元素。) 水平: 在侧边栏的写作部分,我希望deadspin、gawker和awl链接在单击这些按钮时滚动到写作框中的内容。我想这会有一个溢出:隐藏元素在什么地方?如果在

这是我的网站: violetoeuvre.com

我想做的是在页面上有多个Verical和水平滚动条。我想我应该用Jquery来实现这一点

垂直: 单击顶部的书写链接时会向下滚动,以便侧栏上的书写部分位于页面顶部

顶部的联系人链接–同样的事情 (当我掌握了窍门后,我将在侧边栏中的元素任一侧添加上下箭头,以上下滚动到下一个/上一个元素。)

水平: 在侧边栏的写作部分,我希望deadspin、gawker和awl链接在单击这些按钮时滚动到写作框中的内容。我想这会有一个溢出:隐藏元素在什么地方?如果在这个框中垂直滚动会更容易,那也没关系

我发现了这个很好的网站,我认为它会很有帮助:

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

我猜我把每个按钮都做成了一个链接,可以滚动到页面的另一部分

因此,我会选择这个类选择器(顶部的contact nav bar),例如:

.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元素以获得固定位置?)

我对这一点还不熟悉,所以希望你能具体点。(脚本是否进入头部,上/下滚动是否指向相对或固定位置等)


谢谢大家!

希望这有帮助,您可以使用a href跳转到您网站中的div

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

}))

看看Balupton的ScrollTo插件,它可能会让你更容易一些+里面有一个演示,告诉你如何设置它


我看到了那个页面,但我还没有完全理解它的知识库。我应该把这些元素放在哪里?我应该使用哪种代码以及将其放在哪里?$(“#您的div”).scrollView();这将放入$(document.ready(function(){//in here})中;老实说,听起来你不需要jQuery来做你想做的事情。一些CSS和HTML会很好地工作。谢谢Cam-正如我所说,我对这方面还不熟悉。我还是不知道你的意思。你能把一个JSFIDLE放在一起,让我们看看你想要实现什么吗?
   $(this).animate({ scrollTop: $('#title1').offset().top }, 1000);