js监听scrolltop_js中scrollTop()方法和scroll()方法用法示例

本文实例讲述了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"

希望本文所述对大家JavaScript程序设计有所帮助。

js监听scrolltop_js中scrollTop()方法和scroll()方法用法示例相关推荐

js：如何监听history的pushState方法和replaceState方法。（高阶函数封装+自定义事件）
出现原因: 想要监听路由变化就需要监听history的pushState和replaceState事件,但是原生并没有支持,此时,我们就得自己添加事件监听. 解决方法: 高阶函数封装自定义事件: co ...
python中IO库中StringIO方法和BytesIO方法用法详解
有时候数据读写不一定是文件,也可以在内存中读写.StringIO顾名思义就是在内存中读写str. Python在内存中读写数据,用到的模块是StringIO和BytesIO. getvalue()方法 ...
html 页面自动滚动,js监听html页面的上下滚动事件方法
最近在一个项目中,在写前端页面的时候,想像以前做Android时在页面时刻监听上下滚动的事件,查找资料发现由鼠标或类似用户动作触发的事件有以下图示: 不多说了,直接上代码了,经过测试可以使用: Dom ...
ThinkPHP 中M方法和D方法的具体区别
M方法和D方法的区别 ThinkPHP 中M方法和D方法都用于实例化一个模型类,M方法用于高效实例化一个基础模型类,而 D方法用于实例化一个用户定义模型类. 使用M方法如果是如下情况,请考虑使用 ...
hibernate中get方法和load方法的根本区别
hibernate中get方法和load方法的根本区别如果你使用load方法,hibernate认为该id对应的对象(数据库记录)在数据库中是一定存在的,所以它可以放心的使用,它可以放心的使用代理来 ...
jquery中prop()方法和attr()方法
接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...
python predict_对Keras中predict()方法和predict_classes()方法的区别说明
1 predict()方法当使用predict()方法进行预测时,返回值是数值,表示样本属于每一个类别的概率,我们可以使用numpy.argmax()方法找到样本以最大概率所属的类别作为样本的预测标 ...
java——Scanner中nextLine()方法和next()方法的区别
遇到一个有意思的东西,在整理字符串这块知识的时候,发现我在用Scanner函数时,在字符串中加入空格,结果空格后面的东西没有输出来(/尴尬),不多说直接上代码: import java.util.Sc ...
JS中的call()方法和apply()方法用法总结
1. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法. 2. 相同点:这两个方法的作用是一样的. 都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖 ...
ExtJS中listener方法和handler方法的区别
listener方法和handler方法的区别在文档中的说明的太玄乎了,看不懂 listeners监听能够对一个click Event事件添加任意多个的事件响应处理函数而handler处理只能够通过 ...

js监听scrolltop_js中scrollTop()方法和scroll()方法用法示例

js监听scrolltop_js中scrollTop()方法和scroll()方法用法示例相关推荐

最新文章

热门文章