代码描述:js滚动条高度。js获取滚动条高度实例代码
这里所说的滚动条高度就是页面被向上拖动的高度,在实际编码中会经常需要获得此高度,下面就介绍一下如何获取此高度。 代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> *{ margin:0px; padding:0px; } body{ padding:500px; height:800px; } </style> <script type="text/javascript"> function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop){ scrollTop=document.documentElement.scrollTop; } else if(document.body){ scrollTop=document.body.scrollTop; } return scrollTop; } window.onload=function(){ var bt=document.getElementById("bt"); bt.onclick=function(){alert(getScrollTop())} } </script> </head> <body> <input type="button" id="bt" value="点击查看滚动条高度"></button> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能