Twitter bootstrap 引导粘贴在Iframe内不起作用

我有一个在iframe中的页面。此页面是一个Twitter Bootstrap 3模板，带有带词缀的导航。当直接加载页面时（在iframe外部），导航和词缀工作正常，但在iframe内部导航和词缀不起任何作用-没有子导航的扩展，它会滚动离开

下面是我的导航/粘贴代码片段

<div class="navbar bs-docs-sidebar hidden-xs" data-spy="affix" data-offset-top="0" data-offset-bottom="0">
    <h2>Index</h2>
    <ul class="nav bs-docs-sidenav">
        <li><a href="#generalAnswers">General FAQs</a>
            <ul class="nav">
                <li><a href="#group_15">Apprenticeships and Traineeships</a></li>
            </ul>
       </li>
    </ul>
    <a class="back-to-top" href="#top">Back to top</a>
</div>

指数

注意：我正在使用Bootstrap docs网站上的CSS进行导航/粘贴布局

---

这些应该在iframe中工作吗？关于如何修复它有什么想法吗？

您可以通过将目标修改到父窗口（在iframe之外）来实现这一点：

注意，

目标

被设置为

窗口。父项

用于进行滚动和计算。这将成功启用粘贴插件。然而，还有一个问题是

position:fixed

在iFrame中不能很好地发挥作用。我还没有找到克服这个问题的方法

$('#myAffix').affix({
    offset: {
        top: 100,
        target: window.parent
    }
})