CSSOM视图模式scrollIntoView方法实例页面

展示

代码

CSS代码：

.block{display:inline-block; width:250px; height:160px; background:url(/study/image/sand_bg.jpg);}
            

HTML代码：

<button id="button1">点击本按钮，图片下面的框框1秒钟变出来</button>
<img src="//ww1.sinaimg.cn/bmiddle/6aa99f00tw1dkxpxgi4mcj.jpg" height="969" />
<span id="block" class="block"></span>
            

JS代码：

document.getElementById("button1").onclick = function() {
    document.getElementById("block").scrollIntoView();
};