重慶分公司,新征程啟航
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務器等服務
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務器等服務
這篇文章將為大家詳細講解有關(guān)在頁面中添加錨點的方法有哪些,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
1、通過設(shè)置a標簽的href屬性,跳轉(zhuǎn)到頁面中指定id標簽的位置
2、a標簽的href屬性值前要增加#來作為標識,表示是在當前頁面的內(nèi)部跳轉(zhuǎn)
簡單的案例:
跳一跳
跳到這里..
此方法的弊端有很多,比如會改變地址欄參數(shù),跳轉(zhuǎn)比較突兀,對用戶不友好等...
所以,如果你比較注重細節(jié),有這方面的強迫癥,建議使用下面這種方法。
方法二:使用jQuery的animate動畫跳轉(zhuǎn)
廢話不說,先上代碼:
跳一跳
跳到這里...
jQuery的animate是實現(xiàn)頁面動畫的函數(shù),功能比較強大,實現(xiàn)一個錨點跳轉(zhuǎn)綽綽有余。
此方法可以控制動畫跳轉(zhuǎn)的速度和方式,并且不會改變地址欄的參數(shù),相對來說比較優(yōu)雅。建議使用此方法!
關(guān)于在頁面中添加錨點的方法有哪些就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。