现在这真让我难过。我不打算使用codepen,因为在确定问题之前我根本无法重新创建它。目前,我正在使用谷歌浏览器。 Modzilla Firefox,Microsoft Edge,Internet Explorer或Opera中不存在此问题。
通常是一个简单的修复问题。页面水平滚动页面画布。我相信这可能与我正在查看该页面的笔记本电脑有触摸屏这一事实有关,但很可能没有。
我已经尝试了很多黑客来修复它,包括:
1)尝试使用javascript将浏览器的max-width
设置为innerWidth
。
2)试图将overflow:hidden
添加到我的非画布菜单的外部容器的CSS中。
3)我甚至使用Chrome Dev Tools删除当时的每个元素,以尝试识别问题。直到每个可见元素消失,问题仍然存在。
4)在overflow-x:hidden
和html
body
5)还尝试添加以下javascript尝试并进行调试:
var docWidth = document.documentElement.offsetWidth;
[].forEach.call(
document.querySelectorAll('*'),
function(el) {
if (el.offsetWidth > docWidth) {
console.log(el);
}
}
);
6)同时尝试了所有这些。
因此,我完全被难倒了。
以下是该网站的链接:The Problem