如何在已修复的snap-content中添加可滚动的div?

时间:2015-07-06 15:23:46

标签: angularjs scroll

我使用模块angular-snap将菜单添加到我的应用程序中,如下所示:

<snap-content>
    <div ui-view='header'></div><br/><br/>
    <div ui-view='content'></div>
</snap-content>

<snap-drawer>
    Menu
</snap-drawer>

我的ui-view(内容):

<div class="content-padded">

    <div class="">
        <center><h4>Accueil</h4></center>
        <!-- ... -->
    </div>
</div>

我的问题是我想在我的snap-content中放置一个可滚动的div。并且,我不希望snap-content变得可滚动。

我有以下图片来帮助您了解我的问题:

enter image description here

图片中的三个元素是snap-content,但只有蓝色div必须可滚动。

提前感谢你的帮助,抱歉我的英语不好。

1 个答案:

答案 0 :(得分:1)

我找到的解决方案是:

  • 将快照内容&#34;可滚动&#34;
  • 把我想要的div放在卷轴上#34;修复&#34;
  • 推出&#34; top&#34;和#34; margin-top&#34;为了让滚动在我的其他组件之下。

如果有人有另一种方法,那将是愉快的。