Script list for "Redmine View Customize Plugin" https://github.com/onozaty/redmine-view-customize

redmine-view-customize_fixed-easy-gantt-menu.js

// Easy Gantt のメニュー部をスクロースすると固定ヘッダ化
//
// Path pattern: /easy_gantt/.*
// Type: JavaScript
$(function() {

    var gantt_menu = $( '#easy_gantt_menu' );
    var offset = gantt_menu.offset();

    var originalPos = gantt_menu.css( 'position' );
    var originalTop = gantt_menu.css( 'top' );
    var originalWidth = gantt_menu.css( 'width' );
    var originalZIndex= gantt_menu.css( 'z-index' );

    var lastWindowScrollTop = $(window).scrollTop();

    var onScroll = function() {

        var windowScrollTop = $(window).scrollTop();
        var isUp = lastWindowScrollTop > windowScrollTop;
        var offsetTop  = offset.top;

        lastWindowScrollTop = windowScrollTop;

        if ( windowScrollTop > offsetTop ) {
            gantt_menu.css({
                'position': 'fixed',
                'top':      0,
                'width':    '100%',
                'z-index':  100000,
                'background-color': '#fff'
            });

        } else {

            gantt_menu.css({
                'position': originalPos,
                'top':      originalTop,
                'width':    originalWidth,
                'z-index':  originalZIndex,
                'background-color': 'inherit'
            });

        }
    };

    $(window).scroll(onScroll);
    onScroll();
});