固定的菜單我見過幾個Q &上,但我似乎無法得到任何人在我的情況下工作,如:jQuery Smooth Page Anchor Transitions with position:fixed menu
:(滾動錨+調整在頂部
頁面示例:http://fpco-site.squarespace.com/familylife
當您向下滾動頁面時,主菜單將粘貼/修復到頂部,還有一個與固定菜單相關聯的下拉菜單(在頁面中可能還有其他地方)。常規鏈接以及錨鏈接。當錨點鏈接被點擊時,菜單&下拉菜單中的內容在修復時被掩蓋d位置。
我需要跳轉到錨點以適應菜單和打開時的下拉菜單。對於內容在滾動到錨點時以及在下拉菜單打開和關閉時向上和向下滾動進行動畫上下移動都是理想的。
萬一它很重要,我的錨在整個頁面都通過jquery添加。
我嘗試以下,但有一些錯誤的代碼,打破我的下拉菜單:
/* scrollTo */
function scrollTo(id){
$('html,body').animate({scrollTop: $(id).offset().top},'slow');
};
$('a[href^="#"]').click(function(){
scrollTo($(this).attr('href'));
return false;
});
我想如果我能得到那個工作,然後,然後我可以在添加在附加offest工作帳戶的菜單,然後嘗試抵消下拉打開/關閉。但我無法得到這個第一個想法工作....