我正在为我父亲的公司编写一个网站，我在网页上选择某些内容时遇到了不必要的水平滚动问题。
说明效果： http://alakthalion.pl/tem/krop62/ - 尝试在页面上选择任何内容并将鼠标移动到远处 - 页面将移动并停在不需要的位置。 ：（
效果是因为我有两个网站部分 - 左边和右边 - 所以网站的虚拟宽度是窗口大小的两倍。
只要有人在选择任何东西时我就想阻止滚动，而有人正在选择某些东西。我可以这样做吗？
请帮忙！
答案 0 :(得分：0)
我从Firefox访问过这个网站并没有发生这种效果，但是当我尝试使用Chrome时，确实没有。
但为什么#main部分的宽度设置为视口宽度的200％？将其设为100％会使问题变得更小。
我认为此问题的最佳解决方案是让#main <section>占据视口的100％（将其设置为“背景”部分）并将其他部分放在其上方。您可以使用填充来避免因其他部分而隐藏您的内容。
答案 1 :(得分：0)
我找到了解决方案，我需要添加的是oveflow：隐藏到#page_content包装器。
#main，body，html中的所有其他溢出或溢出-x都无关紧要。
这是一个奇怪的问题，但最终我找到了解决方案。
对于所有其他有类似问题的人，我建议使用链接：
Overflow-x:hidden doesn't prevent content from overflowing in mobile browsers - 这引导我解决问题。
How do I stop users from being able to scroll horizontally on my site
CSS: make overflow-x: hidden truly hidden?
感谢@dieortin试图帮助我！