主页
JS 参考手册
HTML DOM scrollLeft 属性
tryjsref_element_scrollleft4
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> body { height: 2000px; width: 2000px; } button { position: fixed; } </style> </head> <body> <p>单击按钮滚动正文内容。</p> <p><strong>提示</strong>：多次点击按钮每次滚动相同的量。</p> <button onclick="myFunction()">滚动正文内容</button><br><br> <script> function myFunction() { var body = document.body; // For Safari var html = document.documentElement; // Chrome、Firefox、IE 和 Opera 将溢出置于 html 级别，除非另有指定。 因此，我们为这些浏览器使用 documentElement 属性 body.scrollLeft += 30; body.scrollTop += 10; html.scrollLeft += 30; html.scrollTop += 10; } </script> </body> </html>