深度理解Jquery 中 scrollTop() 方法
来源:互联网 发布:2016当红网络主播 编辑:程序博客网 时间:2024/06/05 04:10
这是工作遇到scrollTop() 方法。为了强化自己,把它记录在博客园当中。
下面就开始scrollTop 用法讲解:
scrollTop() 定义和用法
scrollTop() 方法设置或返回被选元素的【垂直滚动条位置】。
Note:
当滚动条位置位于最顶部时,位置是0;
当用于返回位置时:
该方法返回 第一个匹配元素的滚动条的垂直位置。
当用于设置位置时:
该方法设置 所有匹配元素的滚动条的垂直位置。
scrollTop() 语法
返回滚动条位置
$(selector).scrollTop()
设置滚动条位置
$(selector).scrollTop(position)
参数position : 规定以像素为单位的垂直滚动条位置。
scrollTop() 实例
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($("div").scrollTop()+" px");
});
需要注意的是,这里的数值不能加引号。也不用加px. 只需要给数值就可以了
$("#btn").click(function(){
$("div").scrollTop(60));
});
});
</script>
</head>
<body>
<div style="border:1px solid black;width:100px;height:150px;overflow:auto">
This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</div><br>
<button>Return the vertical position of the scrollbar</button>
<button id="btn">Return the vertical position of the scrollbar</button>
<p>Move the scrollbar down and click the button again.</p>
</body>
</html>
- 深度理解Jquery 中 scrollTop() 方法
- jQuery中scrollTop()方法解析
- JQUERY中对scrollTop、scrollHeight的理解
- 深度理解Jquery 中 offset() 方法
- 深度理解Jquery 中 offset() 方法
- 理解Jquery里 scrollTop()事件
- JQuery scrollTop()方法滚动页面
- jQuery中 $(document).scrollTop()与 $(window).scrollTop()区别
- jquery--scrollTop
- 关于jQuery中scrollTop中的一些兼容问题。
- jQuery中animate()的方法以及$("body").animate({"scrollTop":top})不被Firefox支持问题的解决
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- [ jQuery ] scrollTop与offset()!
- JQuery Div scrollTop ScrollHeight
- 模块化管理(一)
- 如何去掉windows10 windows8 我的电脑 中的几个烦人文件夹
- rman 定时增量全备
- 正则表达式在iOS中的运用
- Hadoop本地库与系统版本不一致引起的错误解决方法
- 深度理解Jquery 中 scrollTop() 方法
- C#中利用pictureBox画点的心得
- Intellij下利用Maven构建Scala Project
- ffmpeg使用参数详解
- 基于SuperMap iObjects.NET 7C 中扩展图层实现航线一键查询系统
- iOS手机号判断方法
- 为mediaserver增加定制权限
- 上google 方法
- java传值还是传引用的问题详解