Jquery FullCalendar - 修复标题

标签 jquery css fullcalendar fixed-header-tables

我正在使用 Adam Shaw's FullCalendar 插件与 resource-view 整合。这就是我的 FullCalendar 的样子。

my implementation

我想修复高亮区域,这样一直滚动到底部就不会隐藏员工姓名。

我只是想让那个header可以滚动直到它触及浏览器的顶部并在剩下的滚动时间内坚持它.

以这种方式,即使我正在处理日历的下半部分,我仍然知道与员工对应的列名称,而无需上下滚动。

有没有人试过这个?有这方面的资源吗?

感谢任何帮助。非常感谢!

最佳答案

您可以使用 scrollTop() jQuery 中的函数。像这样:

$(document).bind( 'scroll', function() {

        var scroll= $(document).scrollTop();

        if ( scroll >= 150 ) {

            $('#tableheader').css({'position':'fixed'});
            $('#tablebody').css({'marign-top':$('#tableheader').height()+'px'});
        }
});

关于Jquery FullCalendar - 修复标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24816585/

相关文章:

javascript - 完整日历在日期中添加图像

javascript - Ruby on Rails 将 JavaScript 转换为 Coffee

javascript - 此语法与 Railscast JQuery 上传教程中的什么有关

jquery - jquery property .css( propertyName ) 是否没有违反关注点分离规则?

Css 网格重复语法

css - 在 CSS 中强制横向

javascript - FullCalendar 检查选择日是否有事件?

jquery - 检测何时播放或结束音频文件

javascript - perl cgi 脚本无法发布到站点 - 独立工作但在 apache 下运行时失败

javascript - Html本地存储保存数据