Angularjs 使用角度捕捉时，保持页面特定部分的完整性_Angularjs

Angularjs 使用角度捕捉时，保持页面特定部分的完整性

angularjs

Angularjs 使用角度捕捉时，保持页面特定部分的完整性,angularjs,Angularjs,我使用的是Angular模块，但我不能让它只使用我页面的一部分。例如，我希望你们在“抓拍”时保持页眉和页脚不变下面的示例代码描述了我的问题代码标题另一个切换按钮切换谢谢插件创建者给我的答案我将答案复制到此处以存档：这是可行的，下面是一个例子，其中有一个固定的页脚，来自上一个线程，Snap仍然适用于我们刚刚显示的整个页面上面的内容：您可以通过更新nav元素将其更改为固定标题，如因此：底部容器的东西！在使用固定位置时，有一些合理的

我使用的是Angular模块，但我不能让它只使用我页面的一部分。例如，我希望你们在“抓拍”时保持页眉和页脚不变

下面的示例代码描述了我的问题

代码


标题
















另一个切换按钮
切换

谢谢插件创建者给我的答案

我将答案复制到此处以存档：

这是可行的，下面是一个例子，其中有一个固定的页脚，来自上一个线程，Snap仍然适用于我们刚刚显示的整个页面上面的内容：

您可以通过更新nav元素将其更改为固定标题，如因此：


底部容器的东西！

在使用固定位置时，有一些合理的警告元素，只是需要记住的东西

snap content指令应该展开以填充其容器，因此您还可以通过包装该元素来实现某些功能在非静态定位元素中

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <link rel="stylesheet" href="style.css">

         <link rel="stylesheet" href="angular-snap.css" type="text/css" />
         <script src="snap.js" type="text/javascript" charset="utf-8"></script>
         <script data-require="angular.js@1.2.x" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js" data-semver="1.2.4"></script> 
         <script src="angular-snap.js" type="text/javascript" charset="utf-8"></script>

         <script src="script.js"></script>
  </head>

  <body  ng-controller="MainCtrl">

   <!-- Header Image should here -->
   <header>
    <h1>Header</h1>
  </header>

   <!-- Menu Bar goes here -->

  <div class="wrapper">
    <div class="menu-holder">
        <ul class="menu">
            <li><a href="#">item 1</a>
            </li>
            <li class="active"><a class="test" href="#">This is the one</a>

                <ul class="submenu">
                    <li><a href="#">Submenu item 1</a>
                    </li>
                    <li><a href="#">Submenu item 2</a>
                    </li>
                </ul>
            </li>
            <li><a href="#">menu item 3</a>
            </li>
            <li><a href="#">menu item 4</a>
            </li>
        </ul>
    </div>
    <!-- menu-holder end -->
</div>

    <!-- Both Snap-drawer and Snap-content should go below the Menu bar -->
  <snap-drawer>
   <button snap-toggle>Another Toggle Button</button>
   </snap-drawer>

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


  </body>

</html>

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"  style="background:red">
    <div class="container">
      Bottom container stuff!
    </div> 
</nav>