Fatal编程技术网
  • angularjs/
  • Angularjs 如何保持内容div的标题固定？

Angularjs 如何保持内容div的标题固定？

angularjs html css

Angularjs 如何保持内容div的标题固定？,angularjs,html,css,angularjs-ng-route,Angularjs,Html,Css,Angularjs Ng Route,我有一个内置angularjs的网页 <html> <head></head> <body ng-app="app1" ng-controller = "ctrl1"> <header></header> <div ng-view></div> <footer></footer> </body> </html> 在这里，页眉和页脚总是固定的

我有一个内置angularjs的网页

<html>
<head></head>
<body ng-app="app1" ng-controller = "ctrl1">

<header></header>

<div ng-view></div>

<footer></footer>

</body>
</html>
在这里，页眉和页脚总是固定的，但在内容部分，当我做路由时，在其中一个视图中，我有一个页眉，我总是想固定它

问题是当使用
position:fixed
作为该内容标题时，当移动主页的滚动时，标题下方的内容似乎向上移动

因此，我的问题是，如何创建标题，以便在向下滚动内容部分或主要部分时，标题应该始终是固定的

感谢您的帮助

谢谢

使用
溢出：滚动用于该分区


<div class="content" ng-view></data>

.content {
    width: 150px;
    height: 150px;
    overflow: scroll;
}




.内容{
宽度：150px；
高度：150像素；
溢出：滚动；
}



请参阅：
您需要做的是为内容添加一个与页眉高度相等的
填充顶部。这样，您的内容将永远不会在标题下方向上滚动


.content-header {
height: 30px;
position: absolute;
top: 0px;
}
.content-container {
padding-top: 30px;
overflow: scroll;
position: relative;
}



您可以使用引导来简化任务。
请参阅：



希望这对您有所帮助。
因此，在ng视图中，您还希望有另一个标题的位置：固定？是的，您是对的，我相信@nikjohn answer解决了您的问题参考：我们是否应该将位置：relative放入.content容器中？是的，我的错。需要为职位添加以下内容：绝对有效。将更新答案