javascript - FullCalendar 在网站标题上滚动

标签 javascript html fullcalendar w3.css

终于让 FullCalendar 从 Google 获取事件(尽管我需要关闭关键限制;添加我的域时我收到 API 400 错误)。除此之外我还有一个小问题。我的“响应式”网站(以及谷歌集成的 Fullcalendar)在这里; www.retina2.co.uk/calendar.html

如果您将屏幕宽度设置为小于 993px(我认为是 993;中小 W3.CSS),它将进入中模式,侧边导航将消失,并引入一个小黑色标题。向下滚动页面时,事件的 FullCalendar 按钮(例如默认情况下为“月”)和日历本身会在标题上滚动;您可以看到日历网格/边框、事件和按钮。如何确保整个日历在标题下滚动,以便当日历项在标题下滚动时,所有日历项目都不可见?

这是一个小问题,但发生这种情况时看起来很困惑(即移动设备、平板电脑)。

最佳答案

据我了解,您希望将日历保留在标题下方。因此,在您的 w3.css 文件中添加此 block 。这将使标题保持在其他元素之上。

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

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

关于javascript - FullCalendar 在网站标题上滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41185916/

相关文章:

javascript - 使用nodejs运行服务器时"Cannot GET/null"

单击选项卡时出现 Angular 全日历初始化问题

javascript - FullCalendar:在辅助 JS 文件中指定额外回调

javascript - 在 onpaste 事件中发出 ajax 请求时访问被拒绝

javascript - 调用父原型(prototype)方法

javascript - 抓取需要您向下滚动的网站

javascript - 将图像 float 到段落左侧(文本)

javascript - 如果选中单选按钮,如何按值隐藏元素?

html - 如何更改下拉列表中选项值的颜色

jquery - 完整日历日渲染议程周和议程日