<!DOCTYPE html>
<html>
<head>
<style>
body { background: #f3f3f3 url('img_tree.png') no-repeat fixed right top;}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p><b>提示：</b>如果滚动条不可用，请尝试调整窗口大小。</p>
<p>点击按钮在滚动和固定位置之间切换。</p>
<p><b>提示：</b>在单击按钮前后滚动页面。</p>
<button id="toggle" onclick="myFunction();">设置背景图像滚动</button>
<p>一些启用滚动的文本..
<br><br><br><br>
一些启用滚动的文本..
<br><br><br><br>
一些启用滚动的文本..
<br><br><br><br>
一些启用滚动的文本..
<br><br><br><br>
一些启用滚动的文本..
<br><br><br><br>
一些启用滚动的文本..
<br><br><br><br>
一些启用滚动的文本..
<br><br><br><br>
一些启用滚动的文本..
<br><br><br><br>
一些启用滚动的文本..
<br><br><br><br>
一些启用滚动的文本..
<br><br><br><br>
一些启用滚动的文本..
<br><br><br><br>
</p>
<script>
function myFunction() { var x = document.body.style.backgroundAttachment;