時(shí)間：2023-03-03 17:57:01 | 來(lái)源：建站知識(shí)
時(shí)間：2023-03-03 17:57:01 來(lái)源：建站知識(shí)
HTML5 bookmark實(shí)現(xiàn)錨點(diǎn)特效：記得我第一次使用錨點(diǎn)是在我剛用DW的時(shí)候，那個(gè)時(shí)候,在dw里用視圖把錨點(diǎn)接上點(diǎn)擊，頁(yè)面就會(huì)接到你要位置,感覺(jué)真是神奇。然而技術(shù)發(fā)展到今天，在HTML5的時(shí)候，我們需要很舒服的切換，以前的一點(diǎn)就達(dá)到目的地效果，我們已經(jīng)不滿足了。
那么，我們需要提供一個(gè)腳本，這個(gè)腳本bookmarkscroll，從名字上，我們可以確定一件事，這東西像滾動(dòng)條，的確，它實(shí)現(xiàn)的效果就是像滾動(dòng)條一樣。腳本大家興趣下載研究。我們重點(diǎn)說(shuō)下，它如何使用。
從上面的代碼中，我們可以看到，id仍然是要的。只不過(guò)，以前在錨點(diǎn)里我們采用#號(hào)，今天換成了crollTo，上面的按鈕一點(diǎn)，頁(yè)面就會(huì)像滾動(dòng)條一樣滾動(dòng)到你定位的DIV，感覺(jué)上非常舒服。。。
關(guān)于這個(gè)代碼的應(yīng)用，我們還需要注意，我們得把導(dǎo)航定位在瀏覽器的頂端，不然，用戶定位到了下面，還得通過(guò)滾動(dòng)條返回，顯得不友好。
以下是我制作的效果截圖：
以下我提供源文件，歡迎有需要的朋友下載使用：
預(yù)覽地址：
關(guān)鍵詞：實(shí)現(xiàn)
客戶&案例
營(yíng)銷資訊
關(guān)于我們
客戶&案例
營(yíng)銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
在線咨詢