jQuery中獲取scroll滾動的距離
<html>
<head>
<title></title>
</head>
<style>
*{
margin:0;
padding:0;
}
.father{
width:100px;
height:100px;
overflow:auto;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
console.log($('.father').scrollTop()) //獲取div的滾動距離
$('.father').scrollTop(100) //設置滾動條滾動的距離
console.log($('body').scrollTop()+$('html').scrollTop()) //獲取瀏覽器滾動條滾動的距離，考慮到了瀏覽器兼容性
$('body,html').scrollTop(100) //設置瀏覽器滾動條滾動的距離，考慮到兼容性問題，必須這樣寫
})
</script>
<body>
<div class="father">
我是div我是div我是div我是div我是div我是div我是div我是div
我是div我是div我是div我是div我是div我是div我是div我是div
我是div我是div我是div我是div我是div我是div我是div我是div
我是div
我是div我是div我是div我是div我是div我是div我是div我是div
我是div我是div我是div我是div我是div我是div我是div我是div
我是div我是div我是div我是div我是div我是div我是div我是div
我是div
我是div我是div我是div我是div我是div我是div我是div我是div
我是div我是div我是div我是div我是div我是div我是div我是div
我是div我是div我是div我是div我是div我是div我是div我是div
我是div
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</body>
</html>
相關文章
- 1. 獲取滾動的頭部距離和左邊距離
- 2. js獲取瀏覽器滾動條距離頂端的距離
- 3. 獲取瀏覽器滾動距離
- 4. scroll 方法 獲取滾軸距離頂部高度
- 5. DOM和IE獲取滾動條滾動的距離
- 6. react 移動端 監聽滾動事件 獲取滾動條距頂部距離
- 7. 獲取滾動條距離的兼容問題
- 8. 獲取ListView當前滾動的距離（高度）
- 9. jQuery滾動到元素 - jQuery scroll to element
- 10. 獲取RecyclerView滑動的距離
- 更多相關文章...
- • ionic 滾動條 - ionic 教程
- • PHP imageaffinematrixget - 獲取矩陣 - PHP參考手冊
- • Docker容器實戰(六) - 容器的隔離與限制
- • C# 中 foreach 遍歷的用法
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
