bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

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

做錨點鏈接的方法

①:設置一個錨點鏈接<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://vcdvsql.cn/article46/egcoeg.html

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

廣告

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