Javascript頁面動畫滾動到

我正在尋找關於如何動畫頁面的一些建議。我正在做某種完整的頁面滑動，但我也想在導航鏈接被點擊時向下滾動到其他div。我目前的工作是爲「家」，但它是滾動整個頁面和導航欄消失（我希望這個保持固定）。另外，我想隱藏這些div，直到它們被.click函數調用。Javascript頁面動畫滾動到

這裏是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連接起來。

任何建議非常感謝。我是一個新手，所以我相信很多這些東西都可以用更好的方式完成:)

來源

2012-11-09 Anthony

你應該使用'$（本）.scrollTo（..）'或任何其他選擇不只是'$ .scrollTo' –

如果你希望它在滾動時移動，你的導航欄需要有一個固定的位置：

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/

來源

2012-11-09 16:08:50

這一工程也打破了網頁。 div滑塊被推高並覆蓋導航。 – Anthony

是的，你需要放置一個佔位符元素佔據相同的空間量。 –

使＃全滑塊固定將div壓下，但正在滾動的滑動面板和div位於導航的頂部。有什麼建議？ – Anthony

Javascript頁面動畫滾動到

回答

相關問題