今天要做最後的功能,這個功能能放在前台的部分,
當你往下滑到很下面又不想要又滑回去的時候,你就需要這個(感覺很像在賣藥哈~)。
Step1.
放icon
![](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201105%20215%22%3E%3C/svg%3E)
我選了一個往上的箭頭。
![](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20710%2099%22%3E%3C/svg%3E)
放在整個container的下面,然後href的地方就給他填空值。
Step2.
測試
![](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201277%20552%22%3E%3C/svg%3E)
因為圖片不是動態的所以也看不出來,但你們試試,是會往上跑的喔,
這樣其實就完成了,是不是簡單到心理os”蝦~什麼”,
當然這是最簡單的形式,如果想要做一些動態效果的話還是要用其他方式,
剩下的美觀就要慢慢細調嘍。
![](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201600%20991%22%3E%3C/svg%3E)
![](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201366%201160%22%3E%3C/svg%3E)
初步調整大概是這樣,反正網頁是自己的,隨時都能做更改。
以上是最後的一句話,好像有點感傷,希望大家都能做出理想的網頁喔~