滚动区域宽高 · javascript

~~~ <style> div{ width:300px; overflow-x: scroll; border:1px solid #333; } </style> </head> <body> <div id="test"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta minus nesciunt incidunt fugit odio harum alias quae illo atque officia doloribus, magni non repellendus praesentium exercitationem eos quos deleniti autem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorem quod quis quas provident libero ipsam corrupti quasi deserunt temporibus, optio, facilis, labore necessitatibus eos fugiat quaerat fugit aliquam eligendi doloremque! </div> <script> /* 滚动区域的width,height scrollWidth scrollHeight */ var test = document.getElementById("test"); console.log(test.clientHeight) console.log(test.scrollHeight); </script> ~~~