Question

我有一个angularJS应用程序。我想实现一个幻灯片菜单（比如facebook），我按照这里的步骤添加了angular-snap.js：https://github.com/jtrussell/angular-snap.js ...这在浏览器中工作得很好.....但是当我在android上测试它时手机，内容部分不滚动..... P.S：我尝试了这里给出的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;
}

并将此类添加到CONTENT部分：

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

angularjs + angular-snap.js：内容不会独立滚动

1 个答案: