深度理解Jquery 中 scrollTop() 方法

時間 2019-11-11

標籤深度理解 jquery scrolltop 方法欄目 JQuery 简体版

原文原文鏈接

這是工做遇到scrollTop() 方法。爲了強化本身，把它記錄在博客園當中。html

下面就開始scrollTop 用法講解：jquery

scrollTop() 定義和用法

scrollTop() 方法設置或返回被選元素的【垂直滾動條位置】。spa

Note：htm

當滾動條位置位於最頂部時，位置是0；
當用於返回位置時：
該方法返回 第一個匹配元素的滾動條的垂直位置。
當用於設置位置時：
該方法設置 全部匹配元素的滾動條的垂直位置。ip

scrollTop() 語法

返回滾動條位置博客

$(selector).scrollTop()it

設置滾動條位置io

$(selector).scrollTop(position)function

參數position ：規定以像素爲單位的垂直滾動條位置。cli

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>

<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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。