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

发布时间：2020-12-17 17:08:10 所属栏目：安全来源：网络整理

导读：我有一个内置于 angularjs的网页. htmlhead/headbody ng-app="app1" ng-controller = "ctrl1"header/headerdiv ng-view/divfooter/footer/body/html 这里的页眉和页脚总是固定的,但在内容部分我正在进行路由时,在其中一个视图中我有标题,我总是想要修复它.

我有一个内置于 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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!