代碼比較簡單,直接上代碼： 記錄進步。 ...

一、科普時間 hash hash 屬性是一個可讀可寫的字符串，該字符串是 URL 的錨部分（從 # 號開始的部分）。 location.hash=anchorname。 錨點 錨點是網頁制作中超級鏈接的一種，又叫命名錨記。命名錨記像一個迅速定位器一樣，是一種頁面內的超級鏈接 ...

一、在傳統開發過程中，我們的錨點都是 通過a標簽跳轉至對應ID的形式 進行需求實現的。 二、還可以用 原生js去獲取並修改scrollTop 這種情況，我們一般用於固定頁面元素的錨點設置，或者設置返回頂部按鈕。 ❤️ 若vue + elementUI ...

一般使用錨點來跳轉到頁面指定位置的時候，會生硬地立即跳轉到指定位置，但是有些時候我們想要平滑地過渡到指定的位置，那么可以使用JQuery簡單的實現這個效果： 比如，這里我們將通過點擊<a>標簽跳轉到 id為content的指定位置那里。 然后呢，就在我們想要 ...

---------------html-------------------- <div class="left_nav"> <ul> ...

基於vue監聽滾動事件，實現錨點鏈接平滑滾動 近日在做一個vue項目的餐飲模塊，小編需要實現一個菜單列表顯示的功能(如圖所示：左邊為菜單類別，右邊顯示相對應的菜品) 小編將此分為三個功能模塊來實現(本來一張動畫就清晰明了，小編太笨，只得口述一下)： 左邊點擊類別，右邊顯示相應類別的菜 ...

需求：點擊TAB,可以實現板塊的快速定位，平滑滾動， 起初思路把買個TAB對應的頁面當成單獨的頁面，所以方向錯了，成了不同頁面間的跳轉，其實應該是一個頁面中有不同的組件，每個組件占一屏，點擊TAB錨點定位 1.錨點的平滑滾動 ...

今天做了一個簡單的功能，頁面往下滾動到一定位置，頂部出現一個浮動的導航欄，點擊導航欄標簽，下面頁面跳轉到相應的區域。回到頂部，導航欄隱藏。 因為頂部有一個浮動的導航欄，所以跳轉到下面頁面的時候，總是蓋住一部分，頂部浮動DIV的高度占用。 最簡單的解決辦法就是給錨點加上個下面的樣式 ...