FullCalendar 在网站上滚动 header

Question

终于让 FullCalendar 从 Google 获取事件（尽管我需要关闭关键限制；添加我的域时我得到 API 400 错误）。除此之外，我还有一个小问题。我的 "responsive" 网站（和 google 集成的 Fullcalendar）在这里；www.retina2.co.uk/calendar.html

如果你设置屏幕宽度小于993px（我认为是993；中小W3.CSS）它会进入中模式，sidenav会消失，小黑[=25= 】介绍。向下滚动页面时，活动的 FullCalendar 按钮（例如默认情况下 "Month"）和日历本身滚动到 header 上；您可以看到日历 grid/borders、事件和按钮。如何确保整个日历在 header 下滚动，以便 none 的日历项在 header 下滚动时可见？

这是一个小问题，但发生这种情况时（即手机、平板电脑）看起来很乱。

Answer 1

据我了解，您想将日历保持在 header 以下。因此，在您的 w3.css 文件中添加此块。这将使 header 保持在其他元素之上。

header.w3.container.w3-top { 
   z-index:999
}

如果您有任何其他问题，请告诉我。

FullCalendar 在网站上滚动 header

FullCalendar scrolls over website header

html

javascript

fullcalendar

w3.css