jQuery點擊跳轉到指定位置


<html>
<head>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn1").click(function(){
var scrollHeight = $('#div1').prop("scrollHeight");
$('#div1').scrollTop(scrollHeight,200);
});
});
</script>
</head>
<body>
<div id="div1" style="border:1px solid black;width:200px;height:200px;overflow:auto">
第1行<br>第2行<br>第3行<br>第4行<br>第5行<br>
第6行<br>第7行<br>第8行<br>第9行<br>第10行<br>
第11行<br>第12行<br>第13行<br>第14行<br>第15行<br>
第16行<br>第17行<br>第18行<br>第19行<br>第20行
</div>
<button id="btn1">移動到最底部</button>
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM