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

應(yīng)用介紹：

在網(wǎng)頁中有許多人性化的地方比如點擊一個按鈕或者一個圖標(biāo)可以自動定位到網(wǎng)頁中的某一個地方，不用在整個網(wǎng)頁中尋找達(dá)到快速導(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>

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

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

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

錨點定位效果 jquery定位效果