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

應(yīng)用介紹：

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

實現(xiàn)方法：

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

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

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

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

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

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

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

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

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

錨點定位效果 jquery定位效果