回到Web页面中的顶级代码（各种方法）和注释说明

下面是一个简单的代码实现，返回顶部效果，带有注释说明。
1。最简单的静态返回到顶部，点击直接跳转到页面顶部，常见于页面底部的固定位置，返回到顶部函数。
方法1：一个元素，它以指定的锚点单击返回到id顶部的顶部。
复制代码代码如下所示：
回到顶端

方法：手术scrooll函数是用来控制滚动条的位置（水平位置，是第一个参数的第二个参数是垂直位置）。
复制代码代码如下所示：
回到顶端

缺点：返回效果是即时的，不符合一般浏览页面滚动的感觉；
静态是固定在页面的底部，用户不必看它。

2。简单静态回到顶部，用JS模拟滚动效果到顶部。
复制代码代码如下所示：
功能pagescroll（）{
指定像素滚动数的内容（第一个参数是像素数，第二个参数右边滚动的是滚动中的像素数）。
window.scrollby（0 - 100）；
延迟/递归调用，模拟滚动效果
scrolldelay = setTimeout（'pagescroll（）'，100）；
/ /得到scrollTop值，标准的document.documentelement.scrolltop DTD声明，或document.body.scrolltop；因为21生效，另一个是等于0，所以真正的价值可以scrollTop值
VaR停止=文档。文档元素}。scrollTop + document.body.scrolltop；
当页面到达判断/取消的顶部时，延迟（或代码页滚动到顶部不会进一步向下正常浏览页面）
如果（停止= = 0）清除定时器（scrolldelay）；
}

复制代码代码如下所示：
回到顶端

缺点：滚动效果不顺，而且页面很长的时候，点击回顶，不要到页面的顶部再看不到页面。
相同的仍然是静态固定在页面的底部，不一定暴露给用户。

三.动态按需加载回到顶部，CSS侧屏绝对定位，结合简单的jQuery动画来实现更好的体验。
复制代码代码如下所示：
功能gototop（min_height）{
返回到预定义HTML代码的顶部，它的CSS样式默认值不显示。
无功gototop_html =返回顶部；
将返回到HTML页面的顶部，ID代码在页面结束时被插入到页面的元素中。
$（#页）。追加（gototop_html）；
$（# gototop ）（点击 / /定义返回点击顶部滚动动画
（功能）（'html，身体）{ $。动画（{ 0 }，scrollTop：700）；
将鼠标返回到反馈效果，使用添加和删除CSS类
（功能）{ $（this）。AddClass（悬停）；}，
（功能）{ $（this）。RemoveClass（悬停）；
}）；
页的最小高度，没有传入值默认值是600像素。
min_height min_height = min_height：min_height = 600；
作为滚动窗口/事件处理程序的窗口
$（窗口）。滚动（函数（）{）
垂直滚动条/位置获取窗口
var = $（窗口）ScrollTop（）；
最小高度滚动条垂直位置时，窗口大于页面，返回顶部元素逐渐淡出，否则
如果（S＞min_height）{
$（# gototop ），FadeIn（100）；
其他{ }
$（# gototop ），FadeOut（200）；
}；
}）；
}；
GotoTop（）；

CSS样式代码：
复制代码代码如下所示：
*默认样式，位置：固定是主屏幕，实现绝对定位。
# gototop {显示：无；位置：固定；顶：75%；左：50%；光标：指针；边距：- 50px；margin-left: 520px；填充：9px 4px；宽度：20px；文本对齐：中心；宽度：20px；
*一个CSS表达式（expression）实现IE6 /位置的影响：固定
# gototop { _position：绝对的；_top：表达（documentelement.scrolltop + documentelement.clientheight * 3 / 4 +PX）}
鼠标进入反馈
# gototop。悬停{背景：# 5cb542；颜色：# FFF；文字装饰：无；}

该方法确定页面高度将按需要显示在用户头上，并用CSS样式实现屏幕的绝对定位。在jQuery的帮助下，我们获得了较好的平滑滚动效果。进一步考虑，如果用户设置浏览器禁用js，那么我们可以把第三计划与第一方案结合起来。禁用js后，第三个计划将不会被用户看到。如果我们不禁止它，我们将在js代码中添加一个隐藏的第一个计划。

总之，应该尽量避免长页面，而且不可避免地，添加到顶部函数可能给用户带来一个比较好的经验。