主页
JS 参考手册
HTML DOM scrollLeft 属性
tryjsref_element_scrollleft3
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> #myDIV { height: 250px; width: 250px; overflow: auto; } #content { height: 800px; width: 2000px; background-color: coral; } </style> </head> <body> <p>单击该按钮可将 div 的内容水平滚动 50px，垂直滚动 10px。</p> <p><strong>提示</strong>：多次点击按钮每次滚动相同的量。</p> <button onclick="myFunction()">滚动div的内容</button><br><br> <div id="myDIV"> <div id="content"> div 元素内的一些文本。<br><br> div 元素内的一些文本。 </div> </div> <script> function myFunction() { var elmnt = document.getElementById("myDIV"); elmnt.scrollLeft += 50; elmnt.scrollTop += 10; } </script> </body> </html>