解决safari浏览器上滑隐藏safari工具栏和地址栏

最新推荐文章于 2024-08-16 09:41:53 发布

胜天一子半

最新推荐文章于 2024-08-16 09:41:53 发布

阅读量1.4w

点赞数

分类专栏： h5移动端文章标签： h5移动端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_37942845/article/details/87376811

版权

h5移动端专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种利用浏览器自带功能实现网页全屏滚动的方法，关键在于调整DOM结构和避免使用某些CSS属性，如position:absolute和overflow:scroll，以确保最外层box的高度超过一个屏幕。

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

其实这是一个浏览器自带的功能，只需要把页面结构写的好，条件：

a、首先需要把dom结构撑的足够高，超过一个屏幕；

b、最外层box，不能用positon:absolute; 也不能overflow:scroll 这样最外层box的高度就不够了，这样就可以实现。

胜天一子半

博客等级

码龄8年

159
原创

185
点赞

622
收藏

141
粉丝

关注

私信

分类专栏

vscode 2篇
js题库 1篇
地图图表 1篇
npm 1篇
koa 4篇
总结 1篇
less 1篇
Flutter 2篇
阿里云 1篇
微信小程序 19篇
vue 36篇
js 3篇
nodejs 4篇
git 9篇
gogs 1篇
mysql 1篇
linux 3篇
javascript 10篇
h5移动端 16篇
react 42篇
TypeScript 3篇
css3 6篇
编译器 2篇
工具 10篇

最新评论

js数组处理大全
dimensin1: 卢本伟。
一起学Koa——分文件路由
lmq4088: const compose = require('koa-compose') const fs = require('fs'); const path = require('path'); const routesPath = path.join(__dirname, '../routes'); console.log('routesPath :>> ', routesPath); let routers = []; try { const files = fs.readdirSync(routesPath); console.log('files :>> ', files); files.filter(value => value !== 'index.js') .forEach(file => { // const filePath = path.join(routesPath, file); const filePath = path.join(__dirname, '../routes', file); console.log('filePath222 :>> ', filePath); const router = require(filePath); console.log('router222 :>> ', router); routers.push(router.routes()); routers.push(router.allowedMethods()); }); } catch (error) { console.error('Error reading22 directory:', error); } module.exports = compose(routers); 最新版本
微信小程序内使用echart实现中国地图，点击省跳转省地图，再点击市跳转到市区详情
^334: http://sp5566.top/ 博主这个网站进不去一直显示网络错误
微信小程序内使用echart实现中国地图，点击省跳转省地图，再点击市跳转到市区详情
^334: 我也是这样运行报网络错误
一起学Koa——分文件路由
云下饮酒花下眠: 按照你那样写读取不到文件还报错，我把你的改了改就好了 [code=javascript] const compose = require('koa-compose') const {resolve} = require('path'); const fs = require('fs'); registerRouter = () => { let routers = []; fs.readdir('router/', function(err, files) { if (err) { console.log('Error', err); } else { files.filter(value => (value.indexOf('index.js') === -1)) .map(router => { routers.push(require('./'+router).routes()) routers.push(require('./'+router).allowedMethods()) }) } }); return compose(routers) } module.exports = registerRouter [/code]

最新文章

目录

评论 3

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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