JQuery簡(jiǎn)單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動(dòng)_jquery
來(lái)源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 21:37:43
JQuery簡(jiǎn)單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動(dòng)_jquery
JQuery簡(jiǎn)單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動(dòng)_jquery:一般使用錨點(diǎn)來(lái)跳轉(zhuǎn)到頁(yè)面指定位置的時(shí)候，會(huì)生硬地立即跳轉(zhuǎn)到指定位置，但是有些時(shí)候我們想要平滑地過(guò)渡到指定的位置，那么可以使用JQuery簡(jiǎn)單的實(shí)現(xiàn)這個(gè)效果： 比如，這里我們將通過(guò)點(diǎn)擊標(biāo)簽跳轉(zhuǎn)到 id為content的指定位置那里。 然后呢，就在我們想要的
導(dǎo)讀JQuery簡(jiǎn)單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動(dòng)_jquery:一般使用錨點(diǎn)來(lái)跳轉(zhuǎn)到頁(yè)面指定位置的時(shí)候，會(huì)生硬地立即跳轉(zhuǎn)到指定位置，但是有些時(shí)候我們想要平滑地過(guò)渡到指定的位置，那么可以使用JQuery簡(jiǎn)單的實(shí)現(xiàn)這個(gè)效果： 比如，這里我們將通過(guò)點(diǎn)擊標(biāo)簽跳轉(zhuǎn)到 id為content的指定位置那里。 然后呢，就在我們想要的
一般使用錨點(diǎn)來(lái)跳轉(zhuǎn)到頁(yè)面指定位置的時(shí)候，會(huì)生硬地立即跳轉(zhuǎn)到指定位置，但是有些時(shí)候我們想要平滑地過(guò)渡到指定的位置，那么可以使用JQuery簡(jiǎn)單的實(shí)現(xiàn)這個(gè)效果：
比如，這里我們將通過(guò)點(diǎn)擊標(biāo)簽跳轉(zhuǎn)到 id為content的指定位置那里。
然后呢，就在我們想要的位置設(shè)置id為content的內(nèi)容塊，這里用一個(gè)div模擬一篇不像文章的文章。最好將此div放在靠后的位置，這樣效果就很明顯一點(diǎn)，如果只是測(cè)試一下這個(gè)效果，可以用簡(jiǎn)單粗暴的方法，在其前面放很多個(gè)
標(biāo)簽即可。
HTML5
html5html5html5
標(biāo)簽： HTML52015年4月19日
最后就是用JQuery來(lái)實(shí)現(xiàn)平滑過(guò)渡的效果了：
搞定了！
下面我們來(lái)繼續(xù)改進(jìn)一下，
改進(jìn)后的代碼的好處是點(diǎn)擊錨點(diǎn)鏈接平滑滾動(dòng)到錨點(diǎn)，并且瀏覽器URL后綴不帶有錨點(diǎn)字樣，使用的過(guò)程中基本不用修改以上代碼即可實(shí)現(xiàn)。
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JQuery簡(jiǎn)單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動(dòng)_jquery
JQuery簡(jiǎn)單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動(dòng)_jquery:一般使用錨點(diǎn)來(lái)跳轉(zhuǎn)到頁(yè)面指定位置的時(shí)候，會(huì)生硬地立即跳轉(zhuǎn)到指定位置，但是有些時(shí)候我們想要平滑地過(guò)渡到指定的位置，那么可以使用JQuery簡(jiǎn)單的實(shí)現(xiàn)這個(gè)效果： 比如，這里我們將通過(guò)點(diǎn)擊標(biāo)簽跳轉(zhuǎn)到 id為content的指定位置那里。 然后呢，就在我們想要的
