Javascript判断滚动条是否到达页面的尾部

/********************* 取窗口滚动条高度******************/function getScrollTop(){var scrollTop=0;if(document.documentElement&&document.documentElement.scrollTop){

a9529lty

2207人浏览 · 2010-03-25 10:01:00

a9529lty · 2010-03-25 10:01:00 发布

/******************** * 取窗口滚动条高度 ******************/ 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; } /******************** * 取窗口可视范围的高度 *******************/ function getClientHeight() { var clientHeight=0; if(document.body.clientHeight&&document.documentElement.clientHeight) { var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; } else { var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; } return clientHeight; } /******************** * 取文档内容实际高度 *******************/ function getScrollHeight() { return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight); } function test(){ if (getScrollTop()+getClientHeight()==getScrollHeight()){ alert("到达底部"); }else{ alert("没有到达底部"); } }

HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

鸿蒙美食元服务快速开发指南：低门槛入局，抢占赛道红利！

本模板已集成预加载、华为账号、地图、华为支付、通话等服务，只需做少量配置和定制即可快速实现页面的快速加载、华为账号的登录、商家位置定位导航、购买餐饮和联系商家等功能。：本模板为餐饮茶饮类元服务提供了常用功能的开发样例，模板主要分首页、点单、我的订单和我的四大模块。本模板为餐厅排队元服务提供了常用功能的开发样例，模板主要分首页和我的两大模块：首页：主要提供订座和排号的入口。提供了浏览门店、立即订座

HarmonyOS开发者社区

鸿蒙电子书解决方案：赋能开发者，打造全场景智慧阅读新生态

解决方案采用分层架构设计，基建层提供通信、音视频、存储等基础服务，公共能力层覆盖账号、支付、广告等通用功能，产品定制层支持书架、书城、阅读设置等核心业务模块，适配 H5、ArkWeb、Flutter 等多种开发框架，兼容手机、平板、PC 等多设备形态。模板内置阅读器工具栏、滑动卡片、推送、激励广告等关键组件，支持字体调整、亮度调节、深色模式、自动翻页等基础功能，同时包含书籍推荐、会员体系、支付充值

HarmonyOS开发者社区

鸿蒙停车解决方案：构建智慧停车生态，让出行更高效

缴费环节更是实现 “无感升级”，华为统一扫码服务支持系统级扫码直达，无需打开应用即可完成支付，鸿蒙车机版本更能实现车内 “刷脸” 免密缴费，配合停车计费实况窗，入场、计费、缴费、离场全程透明可视，15 分钟免费离场时间进一步提升通行效率。华为鸿蒙凭借全场景智慧生态优势，推出鸿蒙停车解决方案及配套元服务模板，打通 “找位 - 停车 - 缴费 - 离场” 全流程，为开发者提供高效开发工具，为车主打造极