我正在尋找解決我的問題。我在我的網站上有一個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像素，水平滾動條顯示，並在右側頁面背景顏色暗灰色顯示。有沒有辦法阻止水平滾動？

2016-04-18 Stephen

給body添加'overflow-x：hidden'可能是？ –

謝謝Mike，它可以防止整個頁面出現水平滾動條。我寧願只防止圖像區域滾動，但這可能是一個臨時解決方案。我試着添加overflow-x：隱藏到#home文章樣式，但那也不起作用。 – Stephen

如果是這種情況，可以將相同的css規則添加到該圖像的父容器中。設置寬度：100％，overflow-x：隱藏。 –

您有一些內聯寬度設置爲1000px的項目，這就是爲什麼他們在低於該斷點的任何位置顯示水平滾動的原因。

<div style="width:1000px; height: 93px;" align="center" id="topnav">

和...

<table width="1000" border="0" cellspacing="0" cellpadding="0">

而且，在你見下表你有四個部分。這四個框的寬度都是230px，所以230 * 4 = 920px加上您在每面設置的40px填充（總共1000px）比屏幕爲小於 1000px寬時的視口大。

我建議使用比四個等分框部分的表更流暢一點。

2016-04-18 16:51:27

謝謝Shawn，但有些情況下我需要將內容固定在1000px下的視差下。所以我正在尋找一種風格或替代方式，只讓視差效果垂直。 – Stephen

我找到了解決問題的辦法。通過將最小寬度添加到每個水平div，該網站不再水平滾過內容。

sitewrapper {min-width：1000px;}

2016-04-27 18:22:58 Stephen

視差效應 - 垂直滾動只有