gpt4 book ai didi

angularjs - 如何保持内容 div 的标题固定?

转载 作者:搜寻专家 更新时间:2023-10-31 08:52:05 25 4
gpt4 key购买 nike

我有一个用 angularjs 构建的网页。

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

<header></header>

<div ng-view></div>

<footer></footer>

</body>
</html>

这里的页眉和页脚始终是固定的,但是在我进行路由时的内容部分中,在其中一个 View 中我有标题,我总是希望将其固定。

问题是当对该内容标题使用 position:fixed 并且在移动主页面的滚动时,标题下方的内容似乎向上移动。

所以我的问题是如何创建标题,以便在向下滚动内容部分或主要部分时标题始终固定。 enter image description here

感谢任何帮助!!!

谢谢

最佳答案

您需要做的是向您的内容添加一个 padding-top,该高度等于标题的高度。这样您的内容将永远不会向上滚动到标题下方

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

关于angularjs - 如何保持内容 div 的标题固定?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40012894/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com