做錨點鏈接的方法

①：設置一個錨點鏈接<a href="#miao">去找喵星人</a>；（注意：href屬性的屬性值最前面要加#）

創新互聯是一家專注于成都網站設計、做網站、成都外貿網站建設公司與策劃設計,祁縣網站建設哪家好?創新互聯做網站,專注于網站建設10年,網設計領域的專業建站公司;建站業務涵蓋:祁縣等地區。祁縣做網站價格咨詢:18980820575

②：在頁面中需要的位置設置錨點<a name="miao"></a>；（注意：a標簽中要寫一個name屬性，屬性值要與①中的href的屬性值一樣，不加#）標簽中按需填寫必要的文字，一般不寫內容。

錨點鏈接平滑滾動

一般使用錨點來跳轉到頁面指定位置的時候，會生硬地立即跳轉到指定位置，但是有些時候我們想要平滑地過渡到指定的位置，那么可以使用JQuery簡單的實現平滑滾動效果。

只需要在網站的底部代碼</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>            

                網站名稱：如何實現網站錨點鏈接平滑滾動
                

                文章起源：http://www.js-pz168.com/article46/egcoeg.html
            
            

                成都網站建設公司_創新互聯，為您提供App設計、手機網站建設、網站改版、建站公司、靜態網站、移動網站建設            
            

                廣告
                
            
            

                聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：
                創新互聯
            
        
        

            
猜你還喜歡下面的內容
            

                

                            成都短視頻需要運營嗎
                        

                            抖音賬號的代運營是什么意思(國內知名的抖音賬號代運營公司有哪些？)
                        

                            拍兒童短視頻運營入門
                        

                            短視頻運營者套路
                        

                            短視頻代運營公司靠譜嗎？如何選擇可信賴的介紹商？
                        

                            外貿人如何做短視頻營銷,企業如何利用短視頻做營銷
                        

                            抖音短視頻攝影師運營方向
                        
                            
        
    

    

        
        

            
網站制作知識
            

                

                        成都網站制作開發公司哪家好?如何選擇?
                        2023-04-02
                    

                        網站制作前如何做整體規劃
                        2022-11-04
                    

                        網站制作使用中國域名的六個好處
                        2021-11-18
                    

                        盤點：微信公眾號運營技巧
                        2014-08-16
                    

                        大型企業網站制作完成后要進行認真的驗收
                        2021-07-19
                    

                        建站完成后怎樣檢測其完整性？深圳建站公司
                        2016-05-04
                    

                        上海網站制作如何實現數據庫查詢效果
                        2021-07-18
                    

                        創新互聯告訴你，如何打造百度快速收錄高質量的內容
                        2014-02-15
                    

                        成都網站制作完成后收效甚微，到底是什么原因?
                        2013-05-24
                    

                        廣州網站制作中響應式網站有什么缺點呢
                        2021-04-19
                    

                        企業網站制作維護更加接地氣的方法
                        2015-07-15
                    

                        成都微信網站開發網站制作公司優選創新互聯
                        2022-08-29
                    
            
        
        

            
行業網站建設
            

                

                        玻璃鋼雕塑
                    

                        三維植被網
                    

                        電動窗簾
                    

                        發電機租賃
                    

                        石涼亭
                    

                        PE包裝袋
                    

                        PVC花箱
                    

                        戶外休閑椅