Editar o código:
ver o resultado »
Tente você mesmo - ©
w3ii.com
<!DOCTYPE html> <html> <head> <style> body { height: 2000px; width: 2000px; } button { position: fixed; } </style> </head> <body> <p>Click the button to scroll the contents of body.</p> <p><strong>Tip:</strong> Click the button many times to scroll the same amount each time.</p> <button onclick="myFunction()">Scroll contents of body</button><br><br> <script> function myFunction() { var body = document.body; // For Chrome, Safari and Opera var html = document.documentElement; // Firefox and IE places the overflow at the html level, unless else is specified. Therefore, we use the documentElement property for these two browsers body.scrollLeft += 30; body.scrollTop += 10; html.scrollLeft += 30; html.scrollTop += 10; } </script> </body> </html>