Question

我正在寻找有关如何为页面设置动画的建议。我正在做一些整页滑块，但我还想在点击导航链接时向下滚动到其他div。我目前有它为“Home”工作，但它滚动整个页面，导航栏消失（我希望这保持固定）。此外，我希望隐藏这些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/

Javascript页面动画scrollTo

1 个答案: