標籤：視窗 get nbsp htop 邊框 auto 範圍 meta add
scrollIntoView(alignWithTop) 滾動瀏覽器視窗或容器元素，以便在當前視窗的可見範圍看見當前元素。如果alignWithTop為true，或者省略它，視窗會儘可能滾動到自身頂部與元素頂部平齊；如果alignWithTop為false，則元素下邊框與視窗底部齊平
例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>scrollIntoView</title>
<style type="text/css">
body{
height: 20000px;
}
#pink{
margin: 1000px auto 100px;
width: 100px;
height: 200px;
background-color: pink;
}
</style>
</head>
<body>
<button id="btn">點我</button>
<div id="pink"></div>
<script type="text/javascript">
document.getElementById(‘btn‘).addEventListener(‘click‘, function () {
document.getElementById(‘pink‘).scrollIntoView(true);
})
</script>
</body>
</html>
JS的scrollIntoView
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
