我正在为我父亲的公司编写网站代码,在网页上选择某些内容时我遇到了不需要的水平滚动问题。
为了说明效果: http://alakthalion.pl/tem/krop62/ - 尝试选择页面上的任何内容并将鼠标向右移动很远 - 页面将移动并停在不需要的位置。 :(
效果是因为我有网站的两个部分 - 左侧和右侧 - 所以网站的虚拟宽度是窗口大小的两倍。
只要问题只出现在有人选择任何东西时,我想在有人选择某些东西时阻止滚动。我可以做这样的事吗?
请帮忙!
最佳答案
我从 Firefox 访问过该网站,但没有出现这种情况,但当我尝试使用 Chrome 时,出现了这种情况。
但是为什么#main
部分的宽度设置为视口(viewport)宽度的 200%?将其设置为 100% 会使问题变小一些。
我认为这个问题的最佳解决方案是制作 #main
<section>
占据视口(viewport)的 100%(将其设置为“背景”部分)并将其他部分放在其上方。您可以使用填充来避免您的内容因其他部分而被隐藏。
关于css - 选择时阻止水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21889333/