<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ width:2000px; height:2000px; } div{ width:200px; height:200px; border: 1px solid red; overflow: auto; } img{ vertical-align: top; width:400px; height: 400px; } </style> </head> <body> <input type="button" value="按钮" id="btn"/> <div> <img src="JQuery/风景.jpg" alt=""/> </div> </body> </html> <script src="./jquery-3.4.1.js"></script> <script type="text/javascript"> $(function(){ //给按钮设置一个点击事件 $('#btn').click(function(){ //获取 //获取元素内容被卷曲出去的宽度和高度 //由于这是一个框,图片在框外被卷曲的 console.log(('div').scrollLeft()); console.log(('div').scrollTop()); //设置 //设置元素内容被卷曲的高度或宽度 $('div').scrollLeft(100); $('div').scrollTop(100); //获取页面被卷曲的 $('window').scrollLeft(100); $('window').scrollTop(100); }); }); </script>
jQuery16 被折起区域的尺寸
最新推荐文章于 2024-04-21 18:10:40 发布