如何實(shí)現(xiàn)網(wǎng)站錨點(diǎn)鏈接平滑滾動(dòng)
做錨點(diǎn)鏈接的方法
①：設(shè)置一個(gè)錨點(diǎn)鏈接<a href="#miao">去找喵星人</a>；（注意：href屬性的屬性值最前面要加#）
創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司與策劃設(shè)計(jì),祁縣網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:祁縣等地區(qū)。祁縣做網(wǎng)站價(jià)格咨詢:18980820575
②：在頁(yè)面中需要的位置設(shè)置錨點(diǎn)<a name="miao"></a>；（注意：a標(biāo)簽中要寫一個(gè)name屬性，屬性值要與①中的href的屬性值一樣，不加#）標(biāo)簽中按需填寫必要的文字，一般不寫內(nèi)容。
錨點(diǎn)鏈接平滑滾動(dòng)
一般使用錨點(diǎn)來(lái)跳轉(zhuǎn)到頁(yè)面指定位置的時(shí)候，會(huì)生硬地立即跳轉(zhuǎn)到指定位置，但是有些時(shí)候我們想要平滑地過(guò)渡到指定的位置，那么可以使用JQuery簡(jiǎn)單的實(shí)現(xiàn)平滑滾動(dòng)效果。
只需要在網(wǎng)站的底部代碼</body>上面添加以下的代碼就可以了。
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $('a[href*=#],area[href*=#]').click(function(){ if(location.pathname.replace(/^\//,'')==this.pathname.replace(/^\//,'')&&location.hostname==this.hostname){ var$target=$(this.hash); $target=$target.length&&$target||$('[name='+this.hash.slice(1)+']'); if($target.length){ vartargetOffset=$target.offset().top; $('html,body').animate({ scrollTop:targetOffset }, 1000); returnfalse; } } }); }) </script>網(wǎng)站名稱：如何實(shí)現(xiàn)網(wǎng)站錨點(diǎn)鏈接平滑滾動(dòng)
文章起源：http://www.aaarwkj.com/article46/egcoeg.html成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站改版、建站公司、靜態(tài)網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
- 成都網(wǎng)站制作開(kāi)發(fā)公司哪家好?如何選擇? 2023-04-02
- 網(wǎng)站制作前如何做整體規(guī)劃 2022-11-04
- 網(wǎng)站制作使用中國(guó)域名的六個(gè)好處 2021-11-18
- 盤點(diǎn)：微信公眾號(hào)運(yùn)營(yíng)技巧 2014-08-16
- 大型企業(yè)網(wǎng)站制作完成后要進(jìn)行認(rèn)真的驗(yàn)收 2021-07-19
- 建站完成后怎樣檢測(cè)其完整性？深圳建站公司 2016-05-04
- 上海網(wǎng)站制作如何實(shí)現(xiàn)數(shù)據(jù)庫(kù)查詢效果 2021-07-18
- 創(chuàng)新互聯(lián)告訴你，如何打造百度快速收錄高質(zhì)量的內(nèi)容 2014-02-15
- 成都網(wǎng)站制作完成后收效甚微，到底是什么原因? 2013-05-24
- 廣州網(wǎng)站制作中響應(yīng)式網(wǎng)站有什么缺點(diǎn)呢 2021-04-19
- 企業(yè)網(wǎng)站制作維護(hù)更加接地氣的方法 2015-07-15
- 成都微信網(wǎng)站開(kāi)發(fā)網(wǎng)站制作公司優(yōu)選創(chuàng)新互聯(lián) 2022-08-29