我正在寻找解决我的问题的方法。我的网站上有一个css视差效果，当你在页面上垂直向下滚动时，这似乎有效。问题是如果浏览器窗口宽度减小到小于页面内容的宽度，它也会水平滚动。我不希望水平视差效果。我正在使用的CSS是：
background: url(images/home.jpg) 50% 0 no-repeat fixed;
height: 500px;
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
示例网站为http://bantamgraphics.com/parallax/如果浏览器窗口小于1000像素，则会出现水平滚动条，右侧显示深灰色的页面背景颜色。有没有办法阻止水平滚动？
答案 0 :(得分：0)
您有一些内联宽度设置为1000px的项目，这就是他们在该断点以下的任何位置显示水平滚动的原因。
<div style="width:1000px; height: 93px;" align="center" id="topnav">
和...
<table width="1000" border="0" cellspacing="0" cellpadding="0">
另外，在下表中您有四个部分。这四个框的宽度分别为230px，因此当屏幕小于 1000px宽时，230 * 4 = 920px加上每侧设置的40px填充（总共1000px）大于视口。
我建议在四个相等的盒子部分使用比桌子更流畅的东西。
答案 1 :(得分：0)
我找到了解决问题的方法。通过向每个水平div添加min-width，站点不再水平滚动到内容之外。