在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
<style>div {
    border: 1px solid black;
    background-color: lightblue;
    height: 2000px;
    width: 2000px;
}
</style>
</head>
<body>

<p>点击按钮将文档窗口在水平和垂直方向各滚动 100px 。</p>

<p><strong>注意:</strong>IE8 及其更早版本支不支持  pageXOffset 和 pageYOffset 属性。</p>

<button onclick="myFunction()" style="position:fixed;">点我滚动</button><br><br>

<div>
</div>

<script>
function myFunction() {
    window.scrollBy(100, 100);
    alert("pageXOffset: " + window.pageXOffset + ", pageYOffset: " + window.pageYOffset);
}
</script>

</body>
</html>
源代码

动行结果
