2013-12-16 168 views
3

我有一個水平滾動div。在移動設備上,我想在內容靜止時隱藏滾動條。它在iPad上的Safari上以這種方式工作,但在Android平板電腦上使用Chrome時,我總能看到水平滾動條。在我的水平滾動的divChrome for Android:不滾動時隱藏水平滾動條

CSS:

white-space: nowrap; 
overflow-x: auto; 
-webkit-overflow-scrolling: touch; 

一個CSS的解決方案將是可取的,但如果需要使用Javascript/jQuery的原理了。提前致謝。

回答

0

你是否確定它不會像你所描述的那樣發生?

我剛剛在平板電腦和手機上使用test I wrote進行了測試,我注意到底部div只有在用戶水平滾動時纔有滾動條。當內容靜止時,滾動條會在一秒鐘內消失。

scrollbar visible whilst scrolling Scrollbar gone

+0

無法找出這一個。您的測試網站按您在平板電腦上描述的方式工作,我們的CSS與該元素完全相同,但我仍然始終在我的網站上看到滾動條。我必須繼續探索。 – bwiechart

1

我有這個問題也和原來它是border-radius財產,防止滾動條從藏身。此外,刪除後滾動更順暢。