Javascript ng scrollable根本不工作

因此，我正在尝试使ng可滚动以使用我的应用程序。我按照说明在我的网站上安装了它，但我就是不能让它工作

由于担心有什么东西阻止它在我的网站上工作，我决定设置一个代码笔，但它仍然无法工作：

我试图实现一个水平滚动条，当我使用鼠标滚轮时可以左右滚动。 我（最初）添加了如下代码：

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

但这不起作用

---

有人能帮我吗？

在您的示例中，如果将宽度和高度设置为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>

这是一个测试
测试

您所做的只是在底部显示一个滚动条。