電腦領域 HKEPC Hardware - Powered by Discuz! Board

標題: 關於single page website scrolling 問題 [打印本頁]

作者: takayo72 時間: 2017-2-23 10:44 標題: 關於single page website scrolling 問題

提示: 作者被禁止或刪除內容自動屏蔽

作者: shing1630 時間: 2017-2-23 11:23

用咩front-end framework ?

作者: takayo72 時間: 2017-2-23 11:54

提示: 作者被禁止或刪除內容自動屏蔽

作者: justlazy 時間: 2017-2-23 12:01

$('a.page-scroll').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500, 'easeInOutExpo');
event.preventDefault();
});

複製代碼

你個 click event fire 時，個`$($anchor.attr('href')).offset().top`計法係包括咗個 header (menu) height。但當個 header 變咗 sticky 時用咗`position: fixed`，個 height 就唔計响 body 入面。

解決方法之一：header 幾時都用`position: fixed`，`section#about`個`margin-top` set 做 header height。