javascript通过改变滚动条滚动来显示某些元素的scrollIntoView()方法

scrollIntoView(b)可以在任何HTML上调用,通过滚动滚动条,调用的元素就可以出现在可视区域.
参数如果是true,或者不传参数,则表示调用元素的顶部与浏览器顶部平齐.
如果传入false,调用元素会尽可能出项在视口中.

HTML代码:

 <input type="button" value="显示红色区域"  onclick="displayRed()"/>
 <div style="width:100%; height:2000px;"></div>
 <div style="width:100%; height:100px; background-color:Red;" id="guoDiv"></div>
 <div style="width:100%; height:2000px;"></div>

 //传入参数时true或不传参数时:
         function displayRed() {
             document.getElementById("guoDiv").scrollIntoView(true);
         }

点击按钮后:

 //传入参数false时:
         function displayRed() {
             document.getElementById("guoDiv").scrollIntoView(false);
         }

点击按钮后: