Angular环境下ngx-extended-pdf-viewer默认横向滚动功能失效问题求助

我之前也碰到过类似的滚动模式不生效的情况，结合你提供的代码和使用的v7.3.2版本，咱们来逐个排查可能的问题：

• 模板未正确绑定scrollMode属性
  你只给出了组件类的代码，但如果模板里的<ngx-extended-pdf-viewer>标签没有绑定scrollMode属性，那设置的值根本不会生效。确保模板里加上这个绑定：

  <ngx-extended-pdf-viewer
    [src]="yourPdfUrl"
    [scrollMode]="scrollMode"
    <!-- 其他必要配置 -->
  ></ngx-extended-pdf-viewer>
  

  同时别忘了在组件顶部导入ScrollModeType：

  import { ScrollModeType } from 'ngx-extended-pdf-viewer';
  

• NgZone的使用可能画蛇添足
  在v7.x版本的ngx-extended-pdf-viewer中，设置scrollMode并不需要手动通过NgZone.run()触发变更检测——组件本身已经处于Angular的变更检测上下文里了。你可以简化代码，去掉NgZone的依赖：

  private _scrollMode = ScrollModeType.horizontal;
  public get scrollMode(): ScrollModeType { 
    return this._scrollMode; 
  }
  public set scrollMode(mode: ScrollModeType) { 
    this._scrollMode = mode; 
  }
  
  constructor() {} // 移除NgZone注入
  

• 检查是否存在配置冲突
  有些其他配置会影响滚动行为，比如如果设置了pageViewMode="multiple"（多页显示），横向滚动可能会被覆盖。你可以暂时注释掉其他非必要的配置，只保留src和scrollMode，测试是否能正常生效。另外，textLayer、enableHandTool等功能也可能偶尔干扰滚动，建议先以极简配置排查。

• 考虑版本bug修复
  v7.3.2是比较老的版本了，这个版本可能存在滚动模式相关的已知bug。如果上面的方法都无效，建议升级到7.x系列的最新小版本（比如v7.9.0，同大版本升级兼容性较好），很多滚动相关的问题在后续小版本中已经被修复。

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