通过本文主要向大家介绍了顶部,导航条等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
本文使用jquery的scrollTop方法监视页面垂直滚动像素，并根据像素隐藏或者显示顶部的导航条。
效果预览网址：http://www.keleyi.com/keleyi/phtml/scrolloversee.htm
scrollTop的介绍：
语法
$(selector).scrollTop(offset)
参数
offset
描述
可选。规定相对滚动条顶部的偏移，以像素计。
定义和用法
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。
提示和注释
注释：该方法对于可见元素和不可见元素均有效。
注释：当用于获取值时，该方法只返回第一个匹配元素的 scroll top offset。
注释：当用于设置值时，该方法设置所有匹配元素的 scroll top offset。
附完整代码，保存到html文件，打开可以体验效果：
效果预览网址：http://www.keleyi.com/keleyi/phtml/scrolloversee.htm
scrollTop的介绍：
语法
$(selector).scrollTop(offset)
参数
offset
描述
可选。规定相对滚动条顶部的偏移，以像素计。
定义和用法
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。
提示和注释
注释：该方法对于可见元素和不可见元素均有效。
注释：当用于获取值时，该方法只返回第一个匹配元素的 scroll top offset。
注释：当用于设置值时，该方法设置所有匹配元素的 scroll top offset。
附完整代码，保存到html文件，打开可以体验效果：