jQuery weekcalendar在Firefox中正確顯示，但不在Chrome/Safari中（僅在iOS/OSX設備上）

問題僅在MAC設備上存在。jQuery weekcalendar在Firefox中正確顯示，但不在Chrome/Safari中（僅在iOS/OSX設備上）

我正在使用jQuery weekcalendar plugin來顯示帶約會的基於Web的日曆。我在Chrome瀏覽器& Safari（也可能是其他）中顯示問題，但它在Firefox中正確顯示。

火狐（滾動條是存在的，即使沒有啓用屏幕滾動）： enter image description here

鉻（注意，Chrome瀏覽器不會顯示在不需要的時候它的滾動條。如果用戶開始滾動。日曆，滾動條被添加到綠頁內容中）： enter image description here

我不知道應該發佈什麼樣的代碼。請看看我的calendar的頁面源代碼。

任何提示表示讚賞。謝謝。

編輯：我剛剛發現，它不僅不會在Mac設備（iPhone，iPad的，的MacBook Pro）與Safari和Chrome瀏覽器。問題在於，在Mac上滾動條未顯示，而在Windows上，滾動條直接顯示在日曆中，並且是靜態的。在mac上，滾動條在頁面不移動時消失。任何想法如何解決這個問題？

來源

2013-01-12 doonot

它在Chrome中顯示正確。 – Chanckjh

那麼你想要的是滾動條總是可見？如果是這樣，你是否知道iOS沒有滾動條？ –

是的。但是OSX確實有滾動條。但它們隱藏爲默認值。 – doonot

在webkit瀏覽器上爲所有人強制使用滾動條*可以使用自定義滾動條來完成。在

::-webkit-scrollbar { 
-webkit-appearance: none; 
width: 8px; 
} 
::-webkit-scrollbar-thumb { 
border-radius: 4px; 
background-color: rgba(0,0,0,0.5); 
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); 
}

更多的自定義選項：在你的CSS，添加此
http://davidwalsh.name/custom-scrollbars

-
*如果您只需要在本地看到你的機器上，遵循此：
http://osxdaily.com/2011/08/03/show-scroll-bars-mac-os-x-lion/

來源

2013-01-19 17:07:06 Anne

太棒了，非常感謝。這解決了我的問題！ – doonot

您正在使用哪種版本的Chrome和Safari？它在鉻和Safari瀏覽器中正確顯示。如果您在代碼中使用模板的概念，請嘗試刪除瀏覽器緩存。

來源

2013-01-13 06:33:12

Safrai 6.0.2和Chrome 24.0.1312.52。它也不能在iPad上正確顯示。 – doonot

瀏覽器緩存已被刪除，仍然與上面提到的行爲相同。 – doonot

對不起人。那麼不知道。當我制定日曆時，我遇到了這個問題。在我的情況下，模板是問題。因爲我寫了模板來加載不同的視圖，它被瀏覽器緩存，所以我看不到更改。 –

jQuery weekcalendar在Firefox中正確顯示，但不在Chrome/Safari中（僅在iOS/OSX設備上）

回答

相關問題