我們?cè)跒g覽網(wǎng)站時(shí),經(jīng)常會(huì)看到返回頂部和樓層跳轉(zhuǎn)的效果,但是這些大部分都是通過(guò)js來(lái)實(shí)現(xiàn)的。那么不用js也可以實(shí)現(xiàn)嗎?答案是可以的。
當(dāng)當(dāng)當(dāng)當(dāng)!
只需要給body,html寫(xiě)了一個(gè)scroll-behavior: smooth,只要有這個(gè)屬性,就會(huì)使得錨點(diǎn)跳轉(zhuǎn)有過(guò)渡效果。
可以說(shuō)對(duì)于不懂js的小伙伴來(lái)說(shuō),這個(gè)屬性簡(jiǎn)直就是好用到爆,而且過(guò)渡的流暢度還挺好的。
丨夸米科技丨
咨詢(xún)直線:186-2370-8562 官方網(wǎng)站:www.oceantechmarket.com.cn
免費(fèi)獲取方案報(bào)價(jià)
多一份參考總有益處 免費(fèi)獲取方案報(bào)價(jià)*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
重慶市渝北區(qū)金開(kāi)大道西段106號(hào)創(chuàng)新科技園區(qū)3座4樓
鄭州市中原區(qū)電廠西路西三環(huán)交叉口大學(xué)科技園東區(qū)15E