scrollTop 用法讲解
来源:互联网 发布:来分期可以在淘宝套现 编辑:程序博客网 时间:2024/05/29 07:10
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>
- scrollTop 用法讲解
- document.body.scrollTop用法
- document.body.scrollTop用法
- 测试scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- document.body.scrollTop用法
- scrollTop 用法说明
- 字符串算法:最长公共子序列、最短编辑距离等
- Leetcode-66. Plus One
- 面试题分类汇总(一)
- 仿微信界面的Fragment效果实现部分代码
- matlab实现直方图规定化
- scrollTop 用法讲解
- matlab画图
- PHP ORM思想学习
- 使用Notepad++的工程管理视图
- 数据结构之最小生成时Prim算法 java
- 设计模式系列-----------单例模式
- 构建自己的Ngrok服务器
- 42. 添加 Expires 头(3)
- 转载:STM32中的几个时钟SysTick、FCLK、SYSCLK、HCLK