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

Question

我正在为我的垂直 slider 使用 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 和 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 文件上进行，因此您可以更轻松地检查我更改的内容。

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