2015-09-17 126 views
0

我有一個十四列,兩列,在兩列我有填充左圖像停止滾動:70像素..當圖像開始會關閉屏幕,你可以再向右滾動,看到圖像的其餘部分,顯示它陷入了白色的縫隙..有沒有辦法阻止這個,所以你不會看到圖像已經去了..我知道我的寬度設置爲100%英寸如何當圖像熄滅屏幕

<div class="two columns"> 
    <img src="images/van2.png" class="van2image"> 
    </div> 
    .van2image{ 
    padding-left:70px; 
    } 

如果有人能幫助我,那將是非常感謝。

+0

只是很快把它放在JSFiddle這裏是鏈接http://jsfiddle.net/3oj3jxnp/ – DannyR

回答

0

您可以在父元素的overflow屬性設置爲hidden。如果您以某種形式(隱式或顯式)設置父級的大小,則應剪切內容。

.two.colums { 
    overflow: hidden; 
} 
+0

我申請溢出:隱藏.two.columns {及其現在刪除的圖像,讓我看看它一點點,它停止了滾動,雖然這是什麼我剛纔想要看不到圖像。雖然我沒有爲它設置父項。 – DannyR

+0

有一個JSFiddle示例來充分說明您的情況? – thomthom

+0

http://jsfiddle.net/3oj3jxnp/你去那裏,測試不同大小的瀏覽器來查看頁面的滾動位 – DannyR

0

要禁用滾動在水平(X)軸:

.van2image{ 
    padding-left:70px; 
    overflow-x:hidden; 
} 

要禁用滾動在垂直(Y)軸:

.van2image{  
    padding-left:70px; 
    overflow-y:hidden; 
} 

要禁用滾動X和y軸:

.van2image{  
    padding-left:70px; 
    overflow:hidden; 
} 
+0

試過了,它不適合我:/希望它會是這樣容易的那樣 – DannyR

+0

@DannyR請加一個jsfiddle – Jay

+0

okies這裏是jsfiddle http:///jsfiddle.net/3oj3jxnp/ 看到,當您的瀏覽器全屏圖像正確適合的,然後將它小..你就能滾動到了頁面,看到了白色的差距。 – DannyR

相關問題