0

这是我的网站：violetoeuvre.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} );

（第二个问题：我应该重做所有的统计元素来固定位置吗？）

我是新手，所以会很感激特异性。（脚本是否进入头部，向上/向下滚动到相对或固定位置等）

谢谢！

4

2 回答 2

0

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

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

还有这个页面也可以帮助你。 如何使用 jquery 滚动到页面上的特定位置？

试试这个代码

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

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

});

于 2013-03-27T15:06:45.053 回答
0

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

在 Github 下载 zip

于 2013-03-27T15:45:41.153 回答