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

如何實現(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)

西乌| 类乌齐县| 淅川县| 桐梓县| 上高县| 榆树市| 响水县| 宁德市| 沈丘县| 临颍县| 响水县| 陕西省| 衡东县| 抚远县| 寿阳县| 株洲县| 斗六市| 潢川县| 永仁县| 巴林右旗| 台中市| 巩义市| 黄龙县| 宿松县| 垫江县| 大化| 巴彦县| 永新县| 松滋市| 姚安县| 张家川| 晋州市| 玉龙| 锡林浩特市| 武定县| 文安县| 海盐县| 靖宇县| 隆尧县| 库尔勒市| 兴海县|