dhtmlx-gantt 滑动条

### dhtmlx-Gantt 滑动条配置与使用方法

在处理dhtmlx-Gantt图表中的滚动条时，了解其默认行为以及如何自定义这些行为对于优化用户体验至关重要。默认情况下，在dhtmlxGantt中，当用户操作垂直滚动条时，网格部分和时间线视图将会同步滚动[^3]。

为了实现更精细控制，可以通过API调整这一特性：

#### 设置独立的水平滚动条

如果希望给Grid视图提供一个单独的水平滚动条而不是跟随时间轴一同移动，则可以在初始化gantt对象之前修改相应的属性:

gantt.config.grid_width = "auto"; // 自适应宽度
gantt.config.scroll_x = "grid";   // 仅允许表格区域横向滚动

上述代码片段展示了如何让表格区域能够拥有自己专属的水平方向上的滚动能力而不影响右侧的时间轴显示。

#### 绑定或解除绑定滚动事件

有时可能需要动态改变这种关联关系，比如基于某些条件来决定是否应该保持两者间的联动效果。这可通过监听并响应特定事件完成：

// 解除绑定
gantt.detachEvent(gantt._scrollSync);

// 或者重新建立连接
gantt.attachEvent("onScroll", function(dx, dy){
    gantt.scrollTo(gantt.getScrollState().x + dx, gantt.getScrollState().y + dy);
});

这段脚本说明了怎样临时取消或者恢复两个组件之间的同步滚动机制。