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”

时间: 2024-10-27 13:59:39

js中scrollTop()方法和scroll()方法的相关文章

js中scrollTop()方法和scroll()方法用法示例_javascript技巧

本文实例讲述了js中scrollTop()方法和scroll()方法用法.分享给大家供大家参考,具体如下: 设置滚动条据顶部的高度: $("div").scrollTop(100); //把 scroll top offset 设置为 100px 获得滚动条的高度: $("div").scrollTop()://获得 scroll top offset 触发滚动事件 $(selector).scroll() 将函数绑定到滚动事件中: $(selector).scro

JQuery中attr方法和removeAttr方法用法实例

  本文实例讲述了JQuery中attr方法和removeAttr方法用法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:

JQuery中attr方法和removeAttr方法用法实例_jquery

本文实例讲述了JQuery中attr方法和removeAttr方法用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

AngularJS中$apply方法和$watch方法用法总结_AngularJS

本文实例总结了AngularJS中$apply方法和$watch方法用法.分享给大家供大家参考,具体如下: 引言 最近在项目中封装控件的时候用到了$watch方法来监听module中的值的变化,当时小编对这个方法不是很了解,所以在网上找了一些资料来学习一下,下面小编就给大家简单介绍一些AngularJS中Scope 提供$apply 方法传播Model 的变化和$watch方法监听module变化. $apply使用情景 AngularJS 外部的控制器(DOM 事件.外部的回调函数如 jQue

Jquery中$.get()方法和$.post()方法接接受代码

Jquery中$.get()方法和$.post()方法接接受代码 在使用jquery实现AJAX的应用时,经常使用到的方法有$.get()和$.post(),两个方法在使用时,接收其传过来的参数的方式有所不同,在使用$.post()时,接收的方式为:Request.Form["myid"]; 在使用$.get()时,接收的试为:Request.QueryString["myid"]: =========================================

ThinkPHP 中M方法和D方法的具体区别

M方法和D方法的区别 ThinkPHP 中M方法和D方法都用于实例化一个模型类,M方法 用于高效实例化一个基础模型类,而 D方法 用于实例化一个用户定义模型类.   使用M方法 如果是如下情况,请考虑使用 M方法:   对数据表进行简单的 CURD 操作而无复杂的业务逻辑时 只有个别的表有较为复杂的业务逻辑时,将 M方法 与实例化 CommonModel 类进行结合使用 M方法 甚至可以简单看着就是对参数表名对应的数据表的操作:   $User = M('User');  使用D方法 如果是如下

java方法-java中decodeStream方法和openStream方法有什么区别和联系

问题描述 java中decodeStream方法和openStream方法有什么区别和联系 java中decodeStream方法和openStream方法有什么区别和联系 URL方法的参数是有哪几个参数组成的 解决方案 http://www.cnblogs.com/yourancao520/archive/2012/06/25/2561367.htmlhttp://blog.sina.com.cn/s/blog_588508f801010dh6.html

java线程中 start方法和run方法的区别和联系是什么

问题描述 java线程中 start方法和run方法的区别和联系是什么 java线程中 start方法和run方法的区别和联系是什么 start是启动一个线程到就绪状态 run是运行一个线程 要run一个线程必须先start一个线程,这么理解对不 解决方案 通过start启动线程,内部调用run,如果你直接调用run,就是同步的,会阻塞 解决方案二: run方法里写的是每个线程需要执行的代码 run 只是调用你自己写的run方法而已.根线程调用无关. start才是启动线程的方法 解决方案三:

PrintWriter中write()方法和print()方法的区别?

问题描述 PrintWriter中write()方法和print()方法的区别? 解决方案 共同点:两者都不刷新页面,只在原来的页面写数据.最终都是重写了抽象类Writer里面的write方法.print方法可以将各种类型的数据转换成字符串的形式输出.重载的write方法只能输出字符.字符数组.字符串等与字符相关的数据.解决方案二:查看源码你会看到public void print(Object obj) { write(String.valueOf(obj));}print方法就是调用writ