H5滚动翻页 2

r囧r小猫 2022-06-13 05:09 191阅读 0赞

//滚动条在Y轴上的滚动距离  
function getScrollTop()\{  
var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0;  
if(document.body)\{  
bodyScrollTop = document.body.scrollTop;  
\}  
if(document.documentElement)\{  
documentScrollTop = document.documentElement.scrollTop;  
\}  
scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;  
return scrollTop;  
\};  
  
  
//文档的总高度  
function getScrollHeight()\{  
var scrollHeight = 0, bodyScrollHeight = 0, documentScrollHeight = 0;  
if(document.body)\{  
bodyScrollHeight = document.body.scrollHeight;  
\}  
if(document.documentElement)\{  
documentScrollHeight = document.documentElement.scrollHeight;  
\}  
scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;  
return scrollHeight;  
\};  
  
  
//浏览器视口的高度  
function getWindowHeight()\{  
var windowHeight = 0;  
if(document.compatMode == "CSS1Compat")\{  
windowHeight = document.documentElement.clientHeight;  
\}else\{  
windowHeight = document.body.clientHeight;  
\}  
return windowHeight;  
\};

发表评论取消回复

表情：

评论列表（有 0 条评论，191人围观）

还没有评论，来说两句吧...

相关阅读

相关 H5阻止滚动穿透

问题描述, 滚动弹出框时底层会跟着滚动, 加@touchmove.prevent可阻止底部穿透滚动. //阻止滚动穿透 <div @touchmove.preven

﹏ヽ暗。殇╰゛Y/ 2023年07月13日 10:47/ 0 赞/ 20 阅读

相关 h5解决滚动穿透

/ 添加fix定位解决滚动穿透 @return {Number} 文档滚动高度 / scrollAddfix() {

小咪咪/ 2023年07月13日 10:45/ 0 赞/ 20 阅读

相关 DevExpress WinForm GridView 鼠标滚动翻页

GridView自带的翻页其实是有Bug的，往往翻页翻的莫名其妙，本文的翻页是通过鼠标滚动来实现翻页的效果的，根据当前的界面的第一条记录的索引和当然页面的行数，鼠标滚动时控制翻

系统管理员/ 2023年05月21日 11:50/ 0 赞/ 8 阅读

相关 elementUI 表格翻页后滚动条回到顶部

elementUI 表格翻页后滚动条回到顶部 table 固定高度在触发翻页事件添加 (在table添加ref=‘table’) this.$next

小灰灰/ 2023年01月18日 12:20/ 0 赞/ 13 阅读

相关翻页效果实现，小程序，H5，翻书效果

本代码是实现小程序的左右滑动，点击翻书的效果，改改在H5也可以用。效果图： ![20201110143733943.gif][] 实现代码： <image c

布满荆棘的人生/ 2022年12月20日 03:19/ 0 赞/ 361 阅读

相关 H5隐藏滚动条

移动M端开发时，会遇到ios滚动条没办法隐藏，我们不要把滚动容器放入box内，box高度 (hidden)= 滚动容器高度 (scroll)- 滚动条高度(scrollbar)

￡神魔★判官ぃ/ 2022年10月07日 11:46/ 0 赞/ 341 阅读

相关 H5滚动翻页 2

//滚动条在Y轴上的滚动距离 function getScrollTop()\{ var scrollTop = 0, bodyScrollTop = 0, docum

r囧r小猫/ 2022年06月13日 05:09/ 0 赞/ 192 阅读

相关 H5滚动翻页

<script type="text/javascript"> var isLast = false; var requesting = false;

ゝ一世哀愁。/ 2022年06月13日 04:59/ 0 赞/ 225 阅读

相关每日一bug：移动端H5翻页时漏页问题

环境：移动端公众号H5；翻页时指滚动页面下滑；移动端拿着手机或者浏览器中模拟手机模式测试咯，页面上数据有几百个，测试时随便滚动下滑看看有没有加载就行了。某年某月某日测试

柔光的暖阳◎/ 2022年01月22日 22:17/ 0 赞/ 212 阅读

相关翻页

package mb.utils; import java.util.ArrayList; import java.util.List;

短命女/ 2021年09月23日 06:22/ 0 赞/ 460 阅读