Android Chrome中的水平滚动,JavaScript未按预期工作
我刚刚创建了一个小测试代码,您可以在这里找到它 它在Chrome/Windows下运行良好,但如果您在Chrome/Windows(例如Galaxy S5)下模拟手机,或在Android手机上使用Chrome时,则无法正常工作:页面向左滚动,但未达到最大向左滚动 是css吗?是元标签吗?计算似乎是正确的 有什么想法吗?谢谢大家! 完整代码:Android Chrome中的水平滚动,JavaScript未按预期工作,javascript,android,google-chrome,mobile,Javascript,Android,Google Chrome,Mobile,我刚刚创建了一个小测试代码,您可以在这里找到它 它在Chrome/Windows下运行良好,但如果您在Chrome/Windows(例如Galaxy S5)下模拟手机,或在Android手机上使用Chrome时,则无法正常工作:页面向左滚动,但未达到最大向左滚动 是css吗?是元标签吗?计算似乎是正确的 有什么想法吗?谢谢大家! 完整代码: * { 保证金:0; 填充:0; } HTML{ 显示:块; 位置:相对位置; 身高:100%; } 身体{ 显示:块; 位置:相对位置; 最小高
* {
保证金:0;
填充:0;
}
HTML{
显示:块;
位置:相对位置;
身高:100%;
}
身体{
显示:块;
位置:相对位置;
最小高度:100%;
/*溢出y:滚动*/
}
var scrollWidth=document.documentElement.scrollWidth;
var clientWidth=document.documentElement.clientWidth;
var offsetWidth=document.documentElement.offsetWidth;
console.log(滚动宽度);
console.log(clientWidth);
console.log(offsetWidth);
var maxScrollLeft=scrollWidth-clientWidth;
log(“maxScrollLeft”+maxScrollLeft)
setTimeout(函数(){
scrollTo(maxScrollLeft,0);
}, 1);
setTimeout(函数(){
滚动到(0,0);
}, 500);
解决方案是将最小比例=1添加到元/视口标记中