1

我在应用程序 Angular 2 上安装了一个完美滚动条，并编写了以下代码：app.modules：

import { PerfectScrollbarConfigInterface } from 'angular2-perfect-scrollbar';
const PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
  suppressScrollX: true
};
@NgModule({
  imports: [
    ...
    PerfectScrollbarModule.forRoot(PERFECT_SCROLLBAR_CONFIG),

  ],
...
})

组件模板：

  <perfect-scrollbar class="container" style="height: 150px;">
  <div class="content">
    Scrollable content<br>
    Scrollable content<br>
    Scrollable content<br>
    Scrollable content<br>
    Scrollable content<br>
    Scrollable content<br>
    Scrollable content<br>
    </div>
</perfect-scrollbar>

当我打开页面时，我看到了滚动条，但是当我开始一点滚动时，所有的内容 div 都消失了。

我测试了工具开发者，看到class="ps-scrollbar-x-rail" 和class="ps-scrollbar-y-Rail" 一直不停的运行，而且正确的样式和顶部样式的上升数字非常高，我无法阻止他们。这种奇怪的事情可能是什么原因？

提前致谢

编辑：

它只发生在 chrome 浏览器中，在 Firefox 和 Explorer 中没问题。

4

0 回答 0