成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

如何實現(xiàn)網(wǎng)站錨點鏈接平滑滾動

做錨點鏈接的方法

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

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設計、做網(wǎng)站、成都外貿網(wǎng)站建設公司與策劃設計,祁縣網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設10年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:祁縣等地區(qū)。祁縣做網(wǎng)站價格咨詢:18980820575

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

錨點鏈接平滑滾動

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

只需要在網(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)站名稱：如何實現(xiàn)網(wǎng)站錨點鏈接平滑滾動
                

                文章起源：http://jinyejixie.com/article46/egcoeg.html
            

            

                成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App設計、手機網(wǎng)站建設、網(wǎng)站改版、建站公司、靜態(tài)網(wǎng)站、移動網(wǎng)站建設            

            

                廣告
                
            

            

                聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源：
                創(chuàng)新互聯(lián)
新干县| 高尔夫| 当阳市| 扬州市| 莱阳市| 淮南市| 荃湾区| 从江县| 通许县| 灵寿县| 乡城县| 锦州市| 吉首市| 闵行区| 长垣县| 阜康市| 环江| 武汉市| 肇源县| 屯昌县| 巍山| 根河市| 平阳县| 浦城县| 怀化市| 阳山县| 大方县| 西林县| 贵港市| 临沂市| 阿拉善右旗| 惠东县| 光泽县| 东光县| 普格县| 渑池县| 西藏| 田阳县| 德惠市| 璧山县| 宁城县|