代码描述:window.scroll()方法用法。window.scroll()方法用法简单介绍
本章节介绍一下window.scroll()方法的用法,希望能够给需要的朋友带来帮助。 此方法可以规定浏览器窗口在文档中的位置。 其实也就是,如果网页有滚动条的话,设置滚动条的在响应方位滚动的尺寸。 语法结构:
<script> window.scroll(x-coord, y-coord); </script>
用红色矩形标记出来的就是滚动的尺寸,再来看一个代码实例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style> *{ margin:0px; padding:0px; } #box{ overflow:hidden; width:1800px; height:1500px; background:blue; } #top{ width:100px; height:100px; background:red; } #bottom{ width:200px; height:100px; background:green; } </style> <script> window.onload=function(){ var obt=document.getElementById("bt"); obt.onclick=function(){ window.scroll(100,100); } } </script> </head> <body> <div id="box"> <div id="top"></div> <div id="bottom"></div> <input type="button" id="bt" value="查看效果"/> </div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能