src/js/view/layout/frame-rside.js
function(scrollX, scrollY, spaceHeights) {
        var $yInnerBorder, $yOuterBorder, $spaceRightTop, $spaceRightBottom, $frozenBorder;

        if (scrollX) {
            $frozenBorder = createDiv(classNameConst.SCROLLBAR_FROZEN_BORDER, {
                height: dimensionConst.SCROLLBAR_WIDTH
            });
        }

        if (scrollY) {
            // subtract 2px for border-width (top and bottom)
            $spaceRightTop = createDiv(classNameConst.SCROLLBAR_RIGHT_TOP, {
                height: spaceHeights.top - 2
            });
            $yInnerBorder = createDiv(classNameConst.SCROLLBAR_Y_INNER_BORDER, {
                top: spaceHeights.top
            });
            $yOuterBorder = createDiv(classNameConst.SCROLLBAR_Y_OUTER_BORDER);
        }

        if (scrollX || scrollY) {
            $spaceRightBottom = createDiv(classNameConst.SCROLLBAR_RIGHT_BOTTOM, {
                height: spaceHeights.bottom
            });
        }

        this.$el.append(
            $yInnerBorder,
            $yOuterBorder,
            $spaceRightTop,
            $spaceRightBottom,
            $frozenBorder
        );

        this.$scrollBorder = $yInnerBorder;
    }
function(scrollX, scrollY, spaceHeights) {
        var $yInnerBorder, $yOuterBorder, $spaceRightTop, $spaceRightBottom, $frozenBorder;

        if (scrollX) {
            $frozenBorder = createDiv(classNameConst.SCROLLBAR_FROZEN_BORDER, {
                height: dimensionConst.SCROLLBAR_WIDTH
            });
        }

        if (scrollY) {
            // subtract 2px for border-width (top and bottom)
            $spaceRightTop = createDiv(classNameConst.SCROLLBAR_RIGHT_TOP, {
                height: spaceHeights.top - 2
            });
            $yInnerBorder = createDiv(classNameConst.SCROLLBAR_Y_INNER_BORDER, {
                top: spaceHeights.top
            });
            $yOuterBorder = createDiv(classNameConst.SCROLLBAR_Y_OUTER_BORDER);
        }

        if (scrollX || scrollY) {
            $spaceRightBottom = createDiv(classNameConst.SCROLLBAR_RIGHT_BOTTOM, {
                height: spaceHeights.bottom
            });
        }

        this.$el.append(
            $yInnerBorder,
            $yOuterBorder,
            $spaceRightTop,
            $spaceRightBottom,
            $frozenBorder
        );

        this.$scrollBorder = $yInnerBorder;
    }
function ( scrollX , scrollY , spaceHeights ) { var $yInnerBorder , $yOuterBorder , $spaceRightTop , $spaceRightBottom , $frozenBorder ; if ( scrollX ) { $frozenBorder = createDiv ( classNameConst . SCROLLBAR_FROZEN_BORDER , { height : dimensionConst . SCROLLBAR_WIDTH } ) ; } if ( scrollY ) { // subtract 2px for border-width (top and bottom) $spaceRightTop = createDiv ( classNameConst . SCROLLBAR_RIGHT_TOP , { height : spaceHeights . top - 2 } ) ; $yInnerBorder = createDiv ( classNameConst . SCROLLBAR_Y_INNER_BORDER , { top : spaceHeights . top } ) ; $yOuterBorder = createDiv ( classNameConst . SCROLLBAR_Y_OUTER_BORDER ) ; } if ( scrollX || scrollY ) { $spaceRightBottom = createDiv ( classNameConst . SCROLLBAR_RIGHT_BOTTOM , { height : spaceHeights . bottom } ) ; } this . $el . append ( $yInnerBorder , $yOuterBorder , $spaceRightTop , $spaceRightBottom , $frozenBorder ) ; this . $scrollBorder = $yInnerBorder ; }
Create scrollbar area and set styles
@param {boolean} scrollX - Whether the grid has x-scroll or not
@param {boolean} scrollY - Whether the grid has y-scroll or not
@param {object} spaceHeights - Height values of top, bottom space on scroll area
@private
Create scrollbar area and set styles