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

2023年4月19日 198次阅读

我有一个内置于
angularjs的网页.

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

<header></header>

<div ng-view></div>

<footer></footer>

</body>
</html>

这里的页眉和页脚总是固定的,但在内容部分我正在进行路由时,在其中一个视图中我有标题,我总是想要修复它.

问题是当使用位置：固定为该内容标题并且在移动主页面滚动时,标题下方的内容似乎向上移动.

所以我的问题是如何以这样的方式创建该标题,即在向下滚动内容部分或主要部分时,标题应始终固定.

任何帮助表示赞赏！

谢谢

最佳答案 您需要做的是为内容添加一个填充顶部,该内容等于标题的高度.这样,您的内容永远不会在标题下方向上滚动

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