室內設計2:其他應用

範例結果

二、右下角goTop 捲動置頂

S1 :利用Font-Awesome加入goTop鈕

S2:CSS美化按鈕至右下角

S2:加入JQ【.gotop】捲動至頂

scrollTop 雖然在 jQuery 中是一個函式,但它其實也是 DOM 物件的一個屬性,因此我們就能利用改變 scrollTop 值的方式來達到動畫的效果了

參考連結:scrollTop()animate()(En)

 

三、JQ加入讓上方nav移至各頁

position().left = 相對座標X軸 (父容器)、position().top = 相對座標Y軸 (父容器)
offset().left = 絕對座標X軸、offset().top = 絕對座標Y軸

參考連結:jQuery offset() 方法jQuery position() 方法