Question

所以我试图使用ng-scrollable来处理我的应用程序。我按照说明将其安装在我的网站上，但我无法让它工作。

由于担心某些东西阻止它在我的网站上运行，我决定设置一个codepen，它仍然无法正常工作：

我正在尝试实现一个水平滚动条，当我使用鼠标滚轮时左右滚动。我最初添加了代码：

<div ng-scrollable="{ scrollX: 'bottom', scrollY: 'none' }" style="height: 100%; width: 10000px;"><section class="page" ui-view metro></section></div>

但这没有用。

有人能帮助我吗？

Answer 1

在您的示例中，如果将宽度和高度设置为50px，则会显示滚动条。看起来滚动条仅在内容太宽而不适合div的设置宽度/高度时才会出现。

请尝试使用此代码：

<div ng-app="Scroll">
  <div ng-scrollable="{ scrollX: 'bottom', scrollY: 'left' }" style="height: 500px; width: 500px; border:1px solid red;">
    <h1>This is a test</h1>
    <div style="margin-top:10000px; margin-left:10000px;">test</div>
  </div>
</div>

ng-scrollable根本不工作

1 个答案: