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

應(yīng)用介紹：

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

實(shí)現(xiàn)方法：

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

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

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

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

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

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

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

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

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

錨點(diǎn)定位效果 jquery定位效果