如下图所示,网页在浏览器移动端调试效果时,不能通过鼠标进行上下滑动。

处理经验:

1、查看了Viewport标签设置,确认没有异常
<meta name=”viewport” content=”width=device-width, initial-scale=1,maxium-scale=1,minimum-scale=1,user-scaleble=no”>

2、后面检查了Css,才发现问题
主要是body标签,设置了overflow:hidden的属性,又没有指定高度,导致超过屏幕的高度的内容不显示了,也就不能向下滑动。

类似这样的情况,优化检查一下html、body等标签,看看是不是设置了overflow和固定一定尺寸的Height值。如果这些方面没问题,那需要看看会不会有JS操作了元素属性。

以上,就是我爱自学小编浏览器移动端调试不能上下滑动的真实经验分享。

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部