我不能使用Android设备在我的网站的任何页面上向下滚动
在过去的5天里,我一直在寻找解决这个问题的方法,但我在网上找到的任何解决方案都不适合我 我已经安装了一个定制主题的prestashop,它在大多数设备上都能正常工作:iPhone、iPad、电脑(mac和pc) 但是当使用任何android设备时,我都无法向下滚动。(同一期网站的每一页都进行了测试) 我甚至将我的手机与adb服务器和chrome连接,尝试调试该问题,但没有成功 网址是:我不能使用Android设备在我的网站的任何页面上向下滚动,android,html,css,prestashop,responsive,Android,Html,Css,Prestashop,Responsive,在过去的5天里,我一直在寻找解决这个问题的方法,但我在网上找到的任何解决方案都不适合我 我已经安装了一个定制主题的prestashop,它在大多数设备上都能正常工作:iPhone、iPad、电脑(mac和pc) 但是当使用任何android设备时,我都无法向下滚动。(同一期网站的每一页都进行了测试) 我甚至将我的手机与adb服务器和chrome连接,尝试调试该问题,但没有成功 网址是: 任何帮助他都将不胜感激。问题是,您使用了main{overflow:hidden;}。这不仅隐藏了滚动条,还删
任何帮助他都将不胜感激。问题是,您使用了
main{overflow:hidden;}
。这不仅隐藏了滚动条,还删除了滚动功能。
如果要在移动设备上隐藏滚动条,同时保持滚动性,则必须使用宽度:无代码>
main{
-ms溢出样式:无;
滚动条宽度:无;
}
我想我找到了问题所在。你脑子里有一个可疑的脚本:
document.addEventListener('touchmove',函数(事件){
如果(event.scale!==1){event.preventDefault();}
},{被动:假});
据我所知,此脚本通常用于禁用网页缩放(我认为这不再是一种好行为)
因此,我的建议是尝试从项目中删除该脚本
参考资料:每次加载时,custom.js:782上的“Cleave”都会出现错误,您检查过了吗?iOS没有抛出该错误…我试图删除cleve.min.js,但问题仍然存在。您是否也删除了/themes/claue/assets/js/custom.js中的以下代码?var cleve=new cleve('.input date',{date:true,分隔符:'/',datePattern:['d','m','Y']});刚刚删除了对CLIVE的两个引用,但问题仍然存在。感谢您花时间回答!可悲的是,我尝试了你的建议,并将此添加到我的css:@media(最大宽度:492px){main{overflow:scroll!important;}}但问题仍然是一样的。该死。。我在本周早些时候看到了这段代码,但没有尝试删除它-谢谢你,在删除了head中的这部分之后,问题现在解决了!你让我高兴极了,先生:)很高兴我帮了你!:)别忘了接受答案,它可以帮助别人