AngularJS+Angular-snap.js：内容不会独立滚动

Question

我有一个AngularJS应用程序。 我想实现一个幻灯片菜单（如Facebook），我添加了Angular-snap.js按照以下步骤操作：https://github.com/jtrussell/angular-snap.js...这在浏览器中工作正常.....但是当我在安卓手机上测试它时，内容部分不会滚动.....PS：我尝试了这里给出的CSS修复程序，但没有运气：https://github.com/jakiestfu/Snap.js

Answer 1

在这里得到了答案......https://github.com/jtrussell/angular-snap.js/issues/38#issuecomment-31734154

默认情况下，抽屉滚动正常...我们只需要创建一个 CSS 类，让内容独立滚动：

.scrollable{
    overflow: auto;
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, linear;
    transition-timing-function: linear, linear;
    -webkit-overflow-scrolling: touch;
}

并将此类添加到内容部分：

<div id="content" class="scrollable" snap-content snap-options="snapOpts">