網頁定位在網站建設中使用十分普遍，尤其是單頁面網站的導航定位就更是家常便飯。提及到網頁定位，我們第一時間想到的就是錨點的網頁定位功能，這也是不少人經常使用的。但是細心和高要求的你可能發現了這樣一種情況：描點網頁定位的定位效果不能實現平滑的移動，顯得比較突兀，對于要求比較高的用戶來說不是十分滿意，這也是今天361源碼介紹jquery定位的最根本的用意，希望能滿足更多朋友的需求。

應用介紹：

在網頁中有許多人性化的地方比如點擊一個按鈕或者一個圖標可以自動定位到網頁中的某一個地方，不用在整個網頁中尋找達到快速導航的效果，許多被用在留言、導航、評論等功能處。

實現方法：

第一步：在首頁head地方引用“jquery.min.js”；

<script language="javascript" type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

第二步：隨便找個位置加入以下運行函數；

<script language="javascript" type="text/javascript"> function movetomsg() { $("html,body").animate({ scrollTop: $("#replyBox").offset().top },3000);//定位到replyBox處，速度為3000 }</script>

第三步：在需要被定位的位置加入一個ID；

<div id="replyBox">定位到這里</div>

第四步：添加一個按鈕以達到鼠標點擊這個按鈕的時候函數被運行進而定位到相應位置（下面二種參考）；

<a href='javascript:movetomsg();'>按鈕</a><img onclick="movetomsg()" src="anniu.png"/>

這樣就完成了。是不是很簡單啊，下面我們就看看具體的效果吧。

錨點定位效果 jquery定位效果