我们在看一篇篇幅很长的文章的时候，当我们拖动滚动条，文字向上滚动，背景也跟着变动，新的区域不断出现让我们的视觉感觉到疲劳，有的时候看着看着还会把视觉跳到下面一段去了，为了防止这种情况发生，我们可以把下面的文字先隐藏掉，让读者只需要拖动滚动条就可以逐渐看到隐藏的文字，而背景是固定的，这样可视区域就只是那一个位置，不会一直变换，这样就可以减少些视觉疲劳了，这对于一个经常在网上泡的人很有帮助的。实现这个效果其实很简单，只需要一张图片就能轻松实现。

关键代码

<style>
	body {background:#333333 url(bg.jpg) repeat-x;background-attachment:fixed;color:#333333}
</style>

如果嫌手动拖动很麻烦，我们也可以让它自动滚动，不需要用js，那就是按下你的鼠标滚轮，会出现一个向上像下的符号，你把鼠标轻松往下面移动的时候，文字就都往下了，调节好速度，就可以轻松看文章了。

不过有个bug就是当文字在黑色区域下，文字是看不到的，这样只能通过添加多个

<p>&nbsp;</p>

来让隐藏的文字变长了，这个现在只是尝试，相信以后会有更好的作用的。

点击这里demo下载