2014-02-13 43 views
5

在科爾多瓦iOS7的iPad應用程序,我有一個DIV(.scrollContainer)與固定的高度,我把一些更高的內容,我允許包含內容滾動這樣的:iOS7 Safari更改webkit溢出滾動背景顏色

.scrollContainer 
{ 
    width: 512px; 
    height: 546px; 
    overflow: hidden; 
    overflow-y: scroll !important; 
    -webkit-overflow-scrolling: touch; 
    background-color: #fff !important; 
} 

#content 
{ 
    width: 512px; 
    background-color: #fff; 
} 

用戶可以在觸摸界面很好地滾動嵌套內容,但用戶也可以滾動「過去」的上方或下方的內容的結束按照iOS的7接口(即當它們放開時它會反彈)。

當他們過度滾動時顯示的背景顏色是黑色。有沒有什麼辦法使用CSS將其設置爲不同的顏色?

+0

我正在尋找在mac桌面上的類似解決方案。 http://stackoverflow.com/questions/22477729/css-style-window-background-beyond-page-on-mac-possible我想應該可以模仿JavaScript和滾動處理程序的行爲。 – GDmac

回答

11

今天面對同樣的問題(的iOS 7.1),似乎是一個毛刺或東西,

添加邊框或填充似乎解決它,可以讓你設置元素本身的背景顏色。我整理出來這個招:

padding-top:1px; 
margin-top:-1px; 

另一個解決方案是離開的背景.scrollContainer元素上未設置,並將其設置爲其父。

+2

此修復程序完美工作。個人建議去第二個提到的解決方案:只在非滾動容器上設置背景顏色 - 方式清潔劑。謝謝! –

+1

這是一個美妙的修復!第二個解決方案真的是要走的路,非常棒! –

+1

非常感謝。這個毛病讓我發瘋了! – Potatoes