大家好，欢迎来到IT知识分享网。
<html>
<head>
<title>scrollIntoView用法</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<button onClick="onc()">点击改变</button>
<div style="width:400px; height:400px; background-color: red;">
</div>
<div id="black" style="width: 400px;height: 900px;background-color: #000;">
</div>
</body>
<script type="text/javascript">
//作为一个事件的函数来被调用
function onc () {
// true ： 黑框（id=black）会置顶显示（实际上是改变了滚动条的位置）
// false ： 黑框（id=black）会置下显示（实际上是改变了滚动条的位置）
// var dd = document.getElementById("black").scrollIntoView(false);
//scrollIntoView(scrollIntoViewOptions)
// {behavior: "smooth", block: "end", inline: "nearest"}
/*
behavior : 定义动画过渡效果，"auto"(默认) 或 "smooth"
block : 定义垂直方向的对齐 "start"(默认) "center" "end" "nearst"
inline : 定义水平方向的对齐 "start" "center" "end" "nearst"(默认)
*/
// var dd = document.getElementById("black").scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
}
</script>
</html>免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/12282.html
