web前端|js教程
顶部,导航条
web前端-js教程
本文使用jquery的scrollTop方法监视页面垂直滚动像素,并根据像素隐藏或者显示顶部的导航条。
效果预览网址:/keleyi/phtml/scrolloversee.htm
css特效源码,ubuntu如何网,tomcat修改注册表,爬虫杀虫 评测,基于php的人事管理系统,搜索引擎seo优化开发lzw
scrollTop的介绍:
向日葵源码,vscode 不弹出命令窗口,unity支持ubuntu,ssm tomcat8,初识爬虫图片,php 直接访问url,seo免费教程视频推广软件,如何下载网站源码视频,个性写真模板lzw
语法
$(selector).scrollTop(offset)
钓鱼源码教程,vscode没有gbk,ubuntu复制文件夹并改名,简述tomcat使用,c sqlite批量更新,jquery商品sku 插件,汽车前端框架总成更换,造数爬虫软件下载,html 表单 php,重庆seo推荐,视频网站主题模板,网页的导航栏是哪,咖啡色网站模板,mfc简单聊天程序代码lzw
参数
offset
描述
可选。规定相对滚动条顶部的偏移,以像素计。
定义和用法
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。
提示和注释
注释:该方法对于可见元素和不可见元素均有效。
注释:当用于获取值时,该方法只返回第一个匹配元素的 scroll top offset。
注释:当用于设置值时,该方法设置所有匹配元素的 scroll top offset。
附完整代码,保存到html文件,打开可以体验效果:
#topmenu_keleyi_com li{float:left;
list-style:none;
margin-right:1px;
width:116px;
background-color:#e0f0e0;
}
#topmenu_keleyi_com ul{ margin:0px;padding:0px;}
body{margin:0px;}
.NETJavascriptjQueryC#其他首页
请滚动鼠标使页面向下
欢迎
hi
柯乐义
keleyi
柯乐义
柯乐义 监视下滚像素
A
jquery
原文
完整代码
$(function () {
//当滚动条的位置处于距顶部200像素以下时,顶部导航出现,否则消失
$(function () {
$(window).scroll(function () {
if ($(window).scrollTop() > 200) {
$(“#topmenu_keleyi_com”).fadeIn(100);
}
else {
$(“#topmenu_keleyi_com”).fadeOut(100);
}
});
});
});