code: 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;
      }
docs: 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