本日小作品：
https://codepen.io/linchinhsuan/pen/oNLgKQQ

重點摘要：

background-attachment: fixed;

將背景圖片固定在網頁上，這樣當捲動畫面的時候背景就不會隨之一起移動，但是內容會，所以一靜一動之間產生了基本的視差滾動效果。

$(".nav .header .menu li a").click(function (e) { 
    e.preventDefault();
    var target =  $(this).attr("href");
    switch(target){
            case "#":
                $("html,body").animate({
                    scrollTop:0
                  },800);
                break;
            case "#frontEnd":
                $("html,body").animate({
                    scrollTop:484
                  },800);
                break;
            default:
                $("html,body").animate({
                    scrollTop:810
                  },800);
                break;
            }
});

首先，先使用e.preventDefault();不然原本a連結直接跳到錨點位置的畫面會閃一下。
接著透過jQuery的attr()得到href的資訊，賦值在變數target上，之後寫switch判斷式，透過jQuery的animate()讓網頁滾到正確的位置。

－－－

備註：
icon圖片版權來自
Icons made by Freepik from www.flaticon.com

－－－

本日結語：
今天是二十八天，進入了最後三天！今天是想做視差滾動的效果，同時練習了jQuery的捲動動畫，並把昨天的頁面做得更豐富。如有寫錯之處麻煩各路高手指教><