jQuery实现导航到指定的内容效果完整实例{与演示源代码下载}
本文演示了jQuery导航对指定内容的影响：页面制作已经两年了。他们中的许多人已经做了许多页面效果。它们简单而复杂。今天，我们有一个特殊的效果滚动内容。
我们通常做的导航滚动到内容都是通过锚、刷和跳转来完成的，而不是滚动效果，而url链接最后会有一个小尾巴，我会介绍一个jQuery做滚动效果的今天，可以设置滚动速度，也可以在URL链接中没有小尾巴。
HTML：
#一{身高：800px；背景：红色；}
# B {身高：800px；背景：绿色；}
# C {身高：800px；背景：黑色；}
# D {身高：800px；背景：黄色；}
十一亿一千一百一十一万一千一百一十一
二十二亿二千二百二十二万二千二百二十二
三十三亿三千三百三十三万三千三百三十三
四十四亿四千四百四十四万四千四百四十四
函数滚动（id）{
$（+ id.scrollto # ）（1000）；
}
Jquery.scrollto.js：
jquery.getpos =功能（E）
{
var l＝0；
var = 0；
无功W = jquery.intval（jquery.css（E，'width '））；
var H = jquery.intval（jquery.css（E，'height '））；
VaR WB = e.offsetwidth；
VaR HB = e.offsetheight；
而（e.offsetparent）{
我e.offsetleft +（e.currentstylejquery.intval（e.currentstyle。borderleftwidth）：0）；
T = e.offsettop +（e.currentstylejquery.intval（e.currentstyle。bordertopwidth）：0）；
E = e.offsetparent；
}
我e.offsetleft +（e.currentstylejquery.intval（e.currentstyle。borderleftwidth）：0）；
T = e.offsettop +（e.currentstylejquery.intval（e.currentstyle。bordertopwidth）：0）；
返回：x，y，t，w，w，h，h，WB，HB，HB，}；
}；
jquery.getclient =功能（E）
{
如果（e）{
W = e.clientwidth；
H = e.clientheight；
{人}
W =（窗口。innerwidth）window.innerwidth：（document.documentelement文档。文档元素}。clientwidth）document.documentelement.clientwidth：document.body.offsetwidth；
H =（窗口。innerheight）window.innerheight：（document.documentelement文档。文档元素}。自己document.documentelement.clientheight：document.body.offsetheight）；
}
返回：w，w，h，}；
}；
jquery.getscroll =功能（E）
{
如果（e）{
T = e.scrolltop；
我e.scrollleft；
W = e.scrollwidth；
H = e.scrollheight；
{人}
如果（document.documentelement文档。文档元素}。scrollTop）{
T = document.documentelement.scrolltop；
我document.documentelement.scrollleft；
W = document.documentelement.scrollwidth；
H = document.documentelement.scrollheight；
否则如果（文档体）{ }
T = document.body.scrolltop；
我document.body.scrollleft；
W = document.body.scrollwidth；
H = document.body.scrollheight；
}
}
返回：T，l，l，w，w，h，}；
}；
jquery.intval =功能（V）
{
V = parseInt（V）；
返回isnan（V）0：V；
}；
jquery.fn.scrollto =函数（）{
O = jquery.speed（S）；
返回this.each（函数（）{（）
新的jquery.fx.scrollto（，O）；
}）；
}；
jquery.fx.scrollto =功能（E、O）
{
这是；
z = O；
z.e = E；
z.p = jquery.getpos（E）；
z.s = jquery.getscroll（）；
z.clear =函数（）{ clearInterval（z.timer）；z.timer = null }；
中投=（新）GetTime（）；
z.step =函数（）{
var t =（新）GetTime（）；
var p =（t / z.o.duration中投）；
如果（t = z.o.duration +中投）{
Z.clear（）；
setTimeout（function（）{ z.scroll（z.p.y，z.p.x）}，13）；
{人}
ST =（（-math.cos（P *数学。PI） / 2）+ 0.5）*（z.p.y-z.s.t）+ z.s.t；
SL =（（-math.cos（P *数学。PI） / 2）+ 0.5）*（z.p.x-z.s.l）+ z.s.l；
z.scroll（St，SL）；
}
}；
z.scroll =功能（T，L）{ window.scrollto（L，T）}；
z.timer = setInterval（function（）{ z.step（）；}，13）；
}；
调用方法：
$（ID）ScrollTo（速度）；
id是跳转到内容的ID；速度是滚动速度，值越大，滚动速度越慢。
完整的实例代码在这里下载。
更多有关jQuery相关内容的读者可以看到特别站：jQuery Windows操作技能
希望本文能对jQuery程序设计有所帮助。