取窗口滚动条高度|取窗口可视范围的高度|取文档内容实际高度

本文介绍了如何使用JavaScript来获取网页的滚动位置、可视区域高度以及文档的实际高度。通过这些函数,开发者可以更好地控制页面布局和响应式设计。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. /********************
  2.   * 取窗口滚动条高度
  3.   ******************/
  4. function getScrollTop()
  5. {
  6.       var scrollTop=0;
  7.       if(document.documentElement& & document.documentElement.scrollTop)
  8.       {
  9.             scrollTop=document.documentElement.scrollTop;
  10.       }
  11.       else if(document.body)
  12.       {
  13.             scrollTop=document.body.scrollTop;
  14.       }
  15.       return scrollTop;
  16. }
  17. /********************
  18.   * 取窗口可视范围的高度
  19.   *******************/
  20. function getClientHeight()
  21. {
  22.       var clientHeight=0;
  23.       if(document.body.clientHeight& & document.documentElement.clientHeight)
  24.       {
  25.             var clientHeight = (document.body.clientHeight< document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;            
  26.       }
  27.       else
  28.       {
  29.             var clientHeight = (document.body.clientHeight> document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;      
  30.       }
  31.       return clientHeight;
  32. }
  33. /********************
  34.   * 取文档内容实际高度
  35.   *******************/
  36. function getScrollHeight()
  37. {
  38.       return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

starnight_cbj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值