獲取滾動條距離底部的距離
阿新 • • 發佈:2018-03-02
oct add nbsp lis class col char bsp type
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>滾動條距離底部的距離</title> </head> <body> <div class="box"> <div style="height:10000px;"></div> </div> <script> window.addEventListener(‘scroll‘,function(){ console.log(document.documentElement.scrollTop);//代表目前滾動條和最上方的距離多長 console.log(document.documentElement.scrollHeight);//代表整個滾動條多長 console.log(document.documentElement.clientHeight); console.log(document.documentElement.scrollHeight-document.documentElement.scrollTop-document.documentElement.clientHeight); }) </script> </body> </html>
獲取滾動條距離底部的距離