Question

我正在使用angular-snap.js作为我的垂直滑块。我面临的问题是，snap-content和snap-drawer Toggle按钮正在显示并从页面顶部起作用（甚至在标题和菜单上方）。我想这个snap-drwaer和snap-content应该出现在菜单栏的下方，当我点击切换按钮时，它不应该对标题和菜单部分造成拖动效果。任何人都可以建议我，如何使用angular-snap.js实现这一目标？请在http://plnkr.co/edit/usbx8yP1fXMJleR3iqZ8?p=preview找到plunker。以下快照和快照内容应该只显示在菜单栏下方，切换按钮不应导致标题和菜单被隐藏/显示切换按钮单击。标题和菜单应始终保持原样，而不会受到snap-drawer和snap-content的拖动行为的影响。

    <snap-drawer>
    <button snap-toggle>Another Toggle Button</button>
    </snap-drawer>

    <snap-content snap-options="{tapToClose:false}">
    <button snap-toggle>Toggle</button>   
    </snap-content>

如果我需要进一步澄清以澄清问题，请告诉我？

Answer 1

我遇到了同样的问题，而我提出的解决方案是将标题设置为固定元素。

您可以在此处查看代码http://plnkr.co/edit/brN1fNbPtm3Ad0pP4zKG?p=preview

<div class="wrapper" style="position:fixed;z-index:100;top:80px;">
...
<snap-drawer style="top:150px">
...
<snap-content style="top:150px" snap-options="{tapToClose:false}">

css更改是直接在html文件上进行的，因此您可以更轻松地查看我更改的内容。

不是完美的解决方案，所以如果有人想出更好的解决方案，请分享。

angular，angular-snap.js，切换按钮单击隐藏/显示行为不应影响标题和菜单

1 个答案: