作者博客：漂小泊的博客
作者主站：小泊隨記
原文地址：文章地址
為了方便訪客更好的瀏覽官網(wǎng)，小泊便增加了官網(wǎng)的“快捷返回功能”。
錨鏈接：
小泊首先想到的最簡單的就是“錨鏈接”，因?yàn)楣倬W(wǎng)是左右瀏覽的，所以使用錨鏈接也可以“從右向左”或者“從左向右”浆熔，非常簡單方便。
錨鏈接
如何使用呢桥帆，下面給大家舉個例子：
使用< a >元素實(shí)現(xiàn)頁面內(nèi)部的跳轉(zhuǎn)蘸拔，我們稱之為“錨鏈接”师郑。 示例代碼
<a id="top">這是頂部</a>
<a href="#top">回到頂部</a>
注意，中間要添加一些元素?fù)伍_頁面形成瀏覽器滾動條之后才能夠展示出效果调窍。 其中href屬性的地址必須指向當(dāng)前頁面中指定的< a >元素宝冕，格式為# + name屬性值。
jQuery方法
使用“錨鏈接”有個問題就是返回的時候太過“生硬”邓萨，不柔和地梨，沒有動畫效果。故而小泊又用了另一種方式缔恳。
html代碼
<i class="fa fa-arrow-left" @click="goLeft" style="margin-right: 5px"></i>
js代碼
goLeft(){
$('html,body').animate({scrollLeft: '0px'}, 1000);
},
這里要注意的是宝剖，需要引入jQuery文件。
上面是返回左邊歉甚，同理万细，返回頂部：
goLeft(){
$('html,body').animate({scrollTop: '0px'}, 1000);
},
聯(lián)系小泊
email：643209899@qq.com
