2

问题仅存在于 MAC 设备上。

我正在使用jQuery weekcalendar 插件来显示带有约会的基于网络的日历。我在 Chrome 和 Safari(可能还有其他)中显示它时遇到问题,但它在 Firefox 中正确显示。

Firefox (即使没有启用滚动也有滚动条)在此处输入图像描述

Chrome (请注意,Chrome 在不需要时不会显示滚动条。如果用户开始滚动日历,则滚动条会添加到绿页内容中)在此处输入图像描述

我不知道我应该发布什么代码。请看一下我的日历的页面源代码。

任何提示表示赞赏。谢谢。


编辑:我刚刚发现它仅不适用于带有 Safari 和 Chrome 的 Mac 设备(iPhone、iPad、Macbook Pro)。问题是在 mac 上滚动条没有显示,而在 Windows 上滚动条直接显示在日历中并且它是静态的。在 mac 上,当页面不移动时,滚动条会消失。知道如何解决吗?

4

2 回答 2

4

您使用的是哪个版本的 chrome 和 safari?它在 chrome 和 safari 中为我正确显示。如果您在代码中使用模板的概念,请尝试删除浏览器缓存。

于 2013-01-13T06:33:12.903 回答
0

可以通过使用自定义滚动条在 webkit 浏览器上为每个人强制使用滚动条*。在您的 CSS 上,添加以下内容:

::-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);
}

更多自定义选项:
http ://davidwalsh.name/custom-scrollbars

--
*如果您只需要在您的机器上本地查看,请按照以下步骤操作:http:
//osxdaily.com/2011/08/03/show-scroll-bars-mac-os-x-lion/

于 2013-01-19T17:07:06.930 回答