react-calendar-timeline v0.28 buffer属性禁用水平滚动无效，请求代码排查

你对buffer属性的作用理解有误——v0.28新增的buffer是用来控制可见时间范围前后的像素缓冲区域，目的是优化滚动时的内容加载体验，它并不是用来启用或禁用水平滚动的，所以设置buffer={1}根本达不到你想要的禁用滚动效果。

要禁用水平滚动，推荐两种可行方案：

• 使用官方提供的滚动控制属性：
  若你的版本支持，直接设置scrollable={false}即可禁用水平滚动，修改后的代码如下：

  <Timeline
      groups={groups}
      items={items}
      stackItems
      itemHeightRatio={0.85}
      canMove={false}
      canResize={false}
      scrollable={false} // 禁用水平滚动
      visibleTimeStart={state.visibleTimeStart}
      visibleTimeEnd={state.visibleTimeEnd}
      itemRenderer={itemRenderer}
      onTimeChange={handleTimeChange}
      onItemSelect={onItemClick}
      onItemClick={onItemClick}
  />
  

• 通过CSS强制隐藏滚动：
  如果你的版本没有scrollable属性，给Timeline的滚动容器添加CSS样式即可：

  .rct-scroll {
      overflow-x: hidden !important;
  }
  

另外可以排查两个潜在影响因素：

• 确认visibleTimeStart和visibleTimeEnd的取值是否让内容超出容器范围，若内容本身溢出，即使禁用滚动，也可能出现滚动条（此时用CSS隐藏方案就能解决）
• 检查父容器的CSS样式是否干扰了Timeline的滚动行为

内容的提问来源于stack exchange，提问作者tylertucker202