Javascript页面动画scrollTo

Question

我正在寻找一些有关如何为页面添加动画效果的建议。我正在做某种整页 slider ，但我也想在单击导航链接时向下滚动到其他 div。我目前让它适用于“主页”，但它正在滚动整个页面并且导航栏消失(我希望它保持固定)。另外，我希望这些 div 隐藏起来，直到它们被 .click 函数调用。

这是scrollTo JS:

$(function() {
// when you click the link w/ a id of home'
 $('#home').click(function() {
    // scroll to the DIV w/ an ID of 'homeDiv'
    $.scrollTo( '#homeDiv', 800, {easing:'swing'} );
 });
});

完整代码: http://jsfiddle.net/hvYzm/3/scrollTo 库未在 jsFiddle 中链接。

非常感谢任何建议。我是这方面的新手，所以我确信很多事情可以用更好的方式完成:)

Answer 1

如果您希望导航栏在滚动时移动，则导航栏需要具有固定位置:

nav {
    padding-left: 16%;
    margin-bottom: 10px;
    text-align: left;
    border-bottom-style:solid;
    border-width:1px;
    background: transparent;
    position:fixed;
    z-index:1000;
}

http://jsfiddle.net/3ZLt7/