JS的scrollIntoView
Posted carrie_zhao
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS的scrollIntoView相关的知识，希望对你有一定的参考价值。
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的主要内容，如果未能解决你的问题，请参考以下文章
比较Backbone.js, Angular.js, Ember.js, Knockout.js
Node.js 和 Vue.js，为啥 Refresh 让 vue.js 的 store 清晰？我如何在 vue.js 中使用上传的图片？