最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js中scrollTop()方法和scroll()方法
时间：2016-09-25 编辑：简简单单 来源：一聚教程网
最近总结了下js中scrollTop()方法和scroll()方法：
设置滚动条据顶部的高度：
$(“div”).scrollTop(100); //把 scroll top offset 设置为 100px
获得滚动条的高度：
$(“div”).scrollTop（）；//获得 scroll top offset
触发滚动事件
$(selector).scroll()
将函数绑定到滚动事件中：
$(selector).scroll(function)；
监听滚动事件，判断当滚动到距离顶部700px时，将其position改为fixed：
$(window).scroll(function(){
var $scroll_height = $(“.gray”).scrollTop();
if($scroll_height > 700){
$(“.hot-nav”).addClass(“fix-nav”);
} else {
$(“.hot-nav”).removeClass(“fix-nav”);
}
})
这是jquery中的用法，
offset():
获取匹配元素在当前视口的相对偏移。
返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。
top:$(this).offset().top+25+”px”
-
上一个： JS检查判断浏览器是否支持CSS3
-
下一个： js中鼠标按键事件和键盘按键事件
相关文章
- js实现音乐播放器代码展示 10-12
- js实现图片查看器代码展示 10-12
- JS中switch的四种写法介绍 10-12
- js实现新闻轮播效果教程 10-11
- JS实现简单的图片切换功能教程 10-11
- js实现下拉刷新和上拉加载解析 09-28