设置粘性页眉+页脚+路由器插座高度的最佳方式是什么: Angular 2+
设置粘性页眉+页脚+路由器插座高度的最佳方式是使用Angular 2+框架。Angular是一个流行的前端开发框架，它提供了丰富的工具和功能来构建现代化的Web应用程序。
要实现粘性页眉和页脚，可以使用CSS的position属性和z-index属性。通过将页眉和页脚的position属性设置为fixed，可以使它们固定在页面的顶部和底部。同时，通过设置z-index属性，可以确保它们在页面上的其他元素之上。
在Angular中，可以使用组件和模板来构建页面布局。可以创建一个顶级组件，将页眉、页脚和内容区域作为子组件嵌入其中。通过在组件的模板中使用CSS样式，可以设置页眉和页脚的样式和位置。
对于路由器插座高度的设置，可以使用Angular的路由器模块来管理页面之间的导航。可以创建一个路由器插座组件，将不同的页面组件作为子组件嵌入其中。通过在路由器插座组件的模板中设置高度样式，可以控制页面内容的高度。
总结起来，最佳的方式是使用Angular 2+框架，通过设置CSS样式和组件嵌套来实现粘性页眉、页脚和路由器插座高度的效果。
以下是一些相关的腾讯云产品和产品介绍链接地址，可以用于实现上述功能：
- 腾讯云服务器（CVM）：提供可靠的云服务器实例，用于托管和运行应用程序。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，用于存储和管理静态资源文件。 产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云CDN：提供全球加速服务，加速静态资源的传输和分发，提高网站的访问速度。 产品介绍链接：https://cloud.tencent.com/product/cdn
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
我用Angular CLI创建了我的Angular应用，但现在我在路由器上遇到了问题。我要构建的应用程序有一些页面有页眉和页脚，但也有一些页面没有，例如登录页面。所以我需要一种方法来与需要的页面共享页眉和页脚的布局，并对不需要的页面使用其他布局。
我的第一个想法是有一个具有页眉和页脚的路由，它将成为所有其他需要它的路由的父级，但我找不到一种方法来在多个路由模块之间共享相同的父级。我能在文档中找到的指定父子关系的唯一方法是在定义路由时通过子列表，但然后我需要在相同的位置定义所有路由，这是我想要避免的。
第二个想法是使用次要路由，我尝试使用主要出口来定义app.component.html，并为页
浏览 1提问于2017-04-22得票数 2
3回答
角2路由
、
我是angular2的新手。我想要完成一项任务，在不同的页面上有不同的标题和页脚，但不知道如何使用
<router-outlet></router-outlet>
由于路由器-出口只是替换该路由的组件。那么得到这个的最好方法是什么。我搜索了很多，但找到了一个可怜的解决方案，在每个组件中调用页眉/页脚。
谢谢
浏览 3提问于2016-10-30得票数 0
回答已采纳
2回答
带靴带的对接脚
、、、、
假设我有下面的“模板”来描述我的页面应该是什么样子的：
我的页面由一个页眉、一个内容部分(每个页面不同)和一个页脚组成。页高是页眉高度+内容高度+页脚高度。注意到脚的高度，它很高/很结实。我对此没意见。
我不想要“粘性”页脚，而是寻找以下功能：
如果页眉高度+内容高度大于视图/窗口高度，我不希望在用户滚动到它之前显示页脚(正常的页脚行为)；但是.
如果页眉高度+内容高度+页脚高度小于视图/窗口高度，我希望将页脚固定在视图端口的底部。这意味着，如果某一特定页面的内容非常小，甚至是完全空的，我希望将我的页眉固定在窗口的顶部，而页脚则固定在底部。
我需要做什么来改变我的f
浏览 3提问于2014-10-20得票数 2
回答已采纳
3回答
是否有任何方法使页头，粘性页脚和身体应该始终适合100%的屏幕高度-页眉和页脚，只有HTML和CSS。有关更多信息，请参见图像。
浏览 2提问于2015-04-12得票数 1
回答已采纳
1回答
我正在尝试将粘性页脚和页眉合并到每个页面上的内容波动的网站上，一些页面只有一段或更少的文本，而一些页面有多个段落。
我希望白色背景的div在页眉和页脚之间填满页面的100%，这样无论页面中有多少内容，或者查看者的分辨率有多大，白色div都将是100%垂直的(减去页眉和页脚)。
我一直在修补这方面的代码：
#middle-cell {
vertical-align:top;
height: 100%
}
这是我目前所拥有的。
但到目前为止，我还没能让它工作。
浏览 10提问于2014-02-07得票数 0
7回答
是的，所以我决定创建一个jQuery函数来改变我的#mainContent div的大小，这样页脚就可以很好地适应，而不是使用粘性页脚。
基本上我想要做的就是
#mainContent { height: 100% - 40px; }
哪里
#footer { height:40px; }
我想出了
$(window).resize(function() {
var mainContent = $('#mainContent').innerHeight() - 40;
$('#mainContent').css("height"
浏览 0提问于2013-05-15得票数 3
回答已采纳
1回答
我们正在创建一个具有页眉、内容和页脚的网页。页眉和页脚应该始终可见，内容应该是可滚动的。容器div有固定的宽度，但没有固定的高度。我解决了页脚留在最后的问题，使用css的粘性页脚()内容区域被分成两部分(content1和content2)，并且有一个灵活的可滚动的div。
问题是，内容区域的高度并不是绝对定义的(即100%)。我们希望当content1或content2中的数据超过屏幕尺寸时，它会自动溢出到自己的独立滚动条中，并且页眉和页脚仍然可见。
我们希望避免使用iframe。有没有什么办法，我们可以用javascript (jquery或其他)来实现呢？我们受到goole docs主页
浏览 3提问于2009-07-29得票数 1
2回答
我有一些问题与一个网站的布局，有一个标题，内容，“粘性”页脚，和一个侧栏。粘性页脚、页眉和内容组合本身并不是问题，但我无论如何也想不出如何在不破坏页脚“粘性”的情况下添加一个从页眉一直到页脚的侧边栏。
我现在接近它的方式涉及到绝对定位。我基本上创建了一个标题div (height: 71px; top: 0px;)、一个脚注div (bottom: 0px; height: 30px;)和一个内容div (top:71px;bottom:30px;)。然后，我将侧边栏放在content div中的左侧，并将其高度设置为100%，并在其旁边添加另一个div (称为"view")来
浏览 2提问于2012-04-28得票数 0
回答已采纳
1回答
我正在尝试实现一个固定的页眉和页脚与内部主要内容，以滚动页眉和页脚，并固定正确的导航。
唯一能接近这一点的方法是尝试，但我必须将高度设置为300px #main .yui3-u-3-5{background:#aaa;height:300px；overflow:auto;}才能获得滚动条。
我尝试添加jQuery代码：
$(document).ready(function() {
var desiredHeight = $("body").height() - $("head").height() - $("footer").height(
浏览 0提问于2012-05-03得票数 0
回答已采纳
2回答
我有一个网页，包括一个页眉，滑块菜单内容和页脚。
我需要的内容从菜单开始(菜单大小和位置是基于以上的元素，取决于设备)，它应该始终是25 be从底部重叠的页脚。
如果我试图使它相对，它挂到中间，没有到达终点，如果我使它是绝对的，我必须指定它应该从哪个值开始是动态的。
有没有一种有效的方法来做到这一点？
更新
我不介意在jQuery中这样做，只要内容的顶部是动态的，并且取决于前面的元素，不管它是什么。
更新
是我需要的一个抽象的例子。
页脚应该始终锚定在底部(稍后我将应用粘性页脚技术，这里的问题是内容)，页眉、滑块和菜单锚定到上面的元素，内容应该锚定在上面的元素和页脚上。
浏览 7提问于2013-09-16得票数 0
回答已采纳
3回答
我有个问题。我的angular应用程序中有两个路由器插座。第一个是在app.component.html中为普通用户和站点访问者加载的。路由器工作正常，其中的所有组件都已完全加载 <ng-container *ngIf="!isAdmin">
<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>
</ng-container> 这是forRoot的appRout
浏览 55提问于2021-08-19得票数 0
10回答
在我的角度应用程序(使用角度材料的样式)中，我需要使用材料表显示一些数据。
此表有一个粘性页眉、几行和一个粘性页脚。
默认情况下，行的高度为62.5px，我希望重写此值。
我怎样才能做到这一点？
我尝试过重写tr / tr.mat-row /tr.mat标题行等css样式，但没有成功。我试过使用：：吴深太深了。
此外，我的粘性页脚行有一个48‘t的高度，我没有设置！！有人知道发生了什么吗？
我能够编辑页脚行css与:ng深，我已经设置字体重量为粗体，但当我设置高度属性什么都不会发生。
::ng-deep tr.mat-footer-row {
border: 1px solid #e7e7e
浏览 0提问于2019-04-28得票数 14
回答已采纳
2回答
我试图在我的模板上有一个粘性的页眉和页脚，这是可行的，但我有一个问题，因为id=“页面”并不总是滚动到页眉下！
这是网站，
我发现带有position=“相对”的元素有问题，比如标签和"Patricia signed...“框项目，作为一个例子。
.box ul.supports-list li.last {
width: 200px;
position: relative;
float: left;
}
如何修复id=“页面”，使其中的所有元素始终滚动到页眉和页脚下？
浏览 1提问于2012-06-02得票数 0
回答已采纳
2回答
编辑
我在这里更新了一个供人们尝试。有一个使用javascript的工作解决方案，由@Aspiring提出。(仅限于CSS)解决方案仍然非常受欢迎。
原始员额
我成功地创建了一个粘性页脚，使用下面的。页脚工作得很好。我在创建一个内容div .content时遇到了问题，它完全粘在页眉和页脚之间。
到目前为止，我有这个(黄色的.content)：
我无法做到这一点(.content包含在页眉和页脚之间)：
我已经生成了下面的。
有什么办法可以做到吗？
浏览 0提问于2013-03-02得票数 0
回答已采纳
1回答
粘脚，但有点扭曲
、、、
因此，我已经知道如何创建一个粘性页脚，主要使用以下方法：
话虽如此，我正在尝试一些不同的东西：
目前，我正在尝试将我的网站的所有内容都粘在页面的底部，但就在页脚的顶部，所以它看起来像：
标题
空白(随着更多内容的添加，此空白将关闭)
|
|
|
|
|
内容(粘在页脚顶部)
页脚(粘在页底)
随着更多的内容被添加，内容上升，朝向页眉，而页脚粘在底部。很简单。
我想弄清楚的是，我怎样才能做到，一旦内容填满到页面的顶部(并点击页眉底部)，然后开始将页脚从屏幕底部推开。
至于代码，我真的不知道从哪里开始，虽然我想避免脚本，如果可能的话保持纯CSS。有什么想法吗？
浏览 1提问于2014-04-23得票数 1
5回答
我试图创建一个粘性的页脚，但是我的页眉和页脚上面和下面都是空白的。
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
header {
background-color: orange;
position: relative;
height: 400px;
width: 100%;
color: white;
text-align: left;
}
footer {
background-color: #202020;
color: white;
position: absolute;
浏览 2提问于2016-02-20得票数 1
1回答
是否有一个动态更改元素高度以填充剩余容器高度的指令的良好实现？
在我的布局中，我有以像素为单位的页眉(实际上是菜单)固定的高度，内容区域(可能会溢出到窗口高度以上，因此滚动条应该出现)和具有固定高度的粘性页脚。在内容区域的左边和右边也可能有面板。
所以类似的事情：
┌──────────────────┐
│ Header │ ~100px
├─┬──────────────┬─┤
│P│ ▲│P│
│a│ Content ▒│a│ fill remaining area, with scroll bars
│n│ ◙
浏览 1提问于2013-04-11得票数 1
1回答
如何仅用HTML和CSS制作@media打印的粘性页眉和/或页脚？我试过使用position: absolute和position: fixed，但它不起作用。
浏览 0提问于2018-08-01得票数 2
我正在尝试创建一个类似于以下结构的RecyclerView：
它应该是一个分段的 RecyclerView，具有粘性页眉和粘性页脚。
对于其他words...each部分(或条目)，应该有一个具有可滚动内容的粘性页眉和一个粘性页脚。
有谁知道如何做到这一点吗？
提前感谢！
浏览 9提问于2017-04-24得票数 1
3回答
我想建立一个简单的登录页面与页眉，页脚和图像-恰好之间的页眉和页脚(水平/垂直居中)。
页眉/页脚和图像之间的间距应该相同，并且应该取决于浏览器窗口的高度。
图像具有固定的宽度(900px)和固定的高度(600px)。
沃克:这是一个粘性的脚注。
我尝试过这样的东西：
{display:block; padding:0 40px; width:900px; margin:0 auto; vertical-align:middle;}
我的html：
<div class="fbg">
<div class="fbg_resize"&g
浏览 18提问于2013-11-20得票数 0
我有一个包含核心组件SectionList的React Native页面。SectionList具有粘性部分页眉(stickySectionHeadersEnabled)和列表页脚(ListFooterComponent)。当用户滚动经过最后一节时，最后一节页眉仍然停留在页面顶部，覆盖页脚。然而，我更希望粘性标题包含在小节列表区域的主体中，而不是停留在屏幕上超过最后一节的结尾。 有没有可能用SectionList来实现这一点，或者我应该采取另一种方法？ 展示这一行为的世博会小吃(仅限iOS和安卓) https://snack.expo.io/@unstableair/rn-sectionli
浏览 30提问于2020-04-16得票数 1
4回答
首先，请阅读这个完整的问题，这样你才能完全理解我在寻找什么，谢谢！
这是一个问题，我一直试图研究了一段时间，并已困扰我退出一段时间。我能有一个固定页眉的真正的粘性页脚吗？
如何实现具有固定页眉的粘性页脚？我不能添加填充或空白处的身体或内容，因为这将打破页脚。此外，我希望能够在我的内容中使用width:100%和height: 100%，而不让它溢出并造成混乱。
以下是我的目标(请原谅我出色的Photoshop技巧)：
当我在我的页脚上使用position:fixed;和bottom:0;时，这看起来很好。但要使它真正的粘性，我需要添加一些css到我的网页。(出发地：)
* {
m
浏览 4提问于2014-02-05得票数 7
回答已采纳
1回答
我正在用Angular2+创建一个网站，基本上在主文件中有三个“部分”：页眉、内容、页脚。
目标是使页眉和页脚的行为与预期一致，即:页眉总是在顶部，但当我滚动时，它就消失了。内容为100 is页眉大小-页脚大小。而页脚总是在底部，所以如果内容中什么都没有，那么页脚就在底部，当没有滚动就无法显示的东西时，页脚就会消失，并进入页面底部。
好的，只有当内容被直接放入div内容时，这才有效。如果内容来自另一个组件，并且来自div内容中的标记，那么页面就不会像预期的那样工作，比如，内容会超出页脚。
您可以在这里看到整个代码：
你可以在这里看到网站：
在主页上一切都很好，因为内容很小，所以不需要滚动。
但
浏览 0提问于2021-02-11得票数 0
回答已采纳
我已经写了这个粘性页脚模板，我希望我的内容div有一个100%的最小高度。问题是，当我这样做的时候，它在页脚下面延伸，页眉高度+页脚高度的额外高度。我该如何解决这个问题呢？它还应该支持短内容和长内容，就像粘性页脚一样。我需要使用jQuery吗？我是初学者，所以请接吻。
HTML
<body>
<form id="form1" runat="server">
<div class="wrapper">
<div class="header
浏览 3提问于2013-03-28得票数 0
回答已采纳
2回答
100%高度差
、、
我有一个#main div，当没有内容时，我想填充页眉和页脚之间的页面。当有内容时，它应该将粘性页脚向下推，它确实是这样做的。
CSS：
#main {
background: transparent url("images/main-content.png") top right repeat-y;
clear: both;
overflow: hidden;
margin-top: -10px;
height: 100%;
min-height: 100%;
}
我不知道为什么这不起作用。#main继承了#wrapper和body，所以我认为设置100%的高度和
浏览 2提问于2011-02-10得票数 4
回答已采纳
2回答
我正在使用AngularUI路由器在我的网站上浏览内容。我有一些显示页眉/页脚导航的网页，还有一些没有。我希望能够检测到当前页面是什么，并在需要时为页眉/页脚插入HTML。
这是我现在的路由器
angular.module('app', ['ui.router'])
.config(['$urlRouterProvider', '$stateProvider',
function($urlRouterProvider, $stateProvider) {
$urlRouterProvider.otherwise(&#
浏览 6提问于2016-05-29得票数 0
回答已采纳
1回答
我正在一个wordpress网站上工作。但我已经用html编写了主页。我要主页响应。主题提供响应或粘性页眉，但页脚不是粘性的。请帮助我使页脚响应以及粘性的底部。
浏览 2提问于2014-12-02得票数 0
回答已采纳
1回答
带固定肚脐的粘脚
、、
对于一个固定页眉的粘性页脚，我有一个问题。我遵循的一些解决方案似乎符合我想要实现的目标，比如()、()和()，但我仍然想解决一些问题。
这是我的
页脚在页面底部与微小的内容或它的很多-检查！
由于#siteContent:a(创建一个与标头高度相同的间隔)-检查！
滚动条仍然存在与微小的内容-取消检查！
页脚在页面底部时，当在div (siteContents)中，我有这样的东西-取消检查！
(...)
<div id="siteContents" class="clearfix">
<div itemscope="items
浏览 1提问于2014-06-24得票数 0
我想实现一个表，其中包括：
章节
每个部分都有页脚和页眉。
页脚和页眉将粘在表上。
每一节之间都有一个空格
它看起来是这样的：
我不知道如何实现各节之间的空间.
这方面的常用方法是设置节页眉或节页脚的高度。
( b)我尝试让页脚包含各节之间的空间，但粘性页脚也包含这个空间，这个空间看起来很难看：
以下是我如何配置每个部分的头和页脚：
func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 44
浏览 4提问于2018-02-16得票数 1
回答已采纳
1回答
放置100%高度
、、
目前，我有困难，使我的布局工作跨浏览器。在附加的图像中，您可以看到预览。
height: 100%;
一些资料：
div #报头
宽度: 100%
高度:可变
div #侧边栏(溢出-y)
宽度:300
高度: 100%减去页眉+页脚高度
div #frameHeader
宽度: 100%减去边栏宽度(300 100)
高度: 100%减去页眉+页脚高度
iframe #iframe (溢出-y)
宽度: 100%减去边栏宽度(300 100)
高度: 100%减去页眉+页脚+帧头高度
浏览 4提问于2013-07-15得票数 0
我正在尝试让多个路由器插座与同一路径上的不同组件一起工作，然而，以下代码不起作用。 路由： const routes: Routes = [
{ path: 'products', component: ProductComponent},
{ path: 'products', component: ProductHeaderComponent, outlet: 'header-route' },
{ path: 'products', component: ProductFooterComponent, outlet: &#
浏览 8提问于2019-01-31得票数 1
我在一个相对页眉和粘性页脚上工作，动态加载内容(有时是空的div (未知高度)，因此高度为100 of；)，所有这些内容都在响应容器中，根据设备的宽度(宽度:100 of；)调整到最大宽度为350 max。
从这里开始，一些内容会动态地加载到页眉上方，并且应该将页眉和内容按下，但是应该保持粘性页脚的位置。当动态内容溢出时，应该在页眉下方和页脚上方滚动，因为两者都是半透明的。
已经尝试过(相对和绝对)的各种组合。下面是最接近的组合，例如：..。但这种组合猜测的是动态内容的百分比高度，而出现的内容在范围内格式不正确，并且由于绝对定位而不按下动态内容！？
需要对CSS进行哪些调整来说明这些规范？
H
浏览 0提问于2014-06-14得票数 2
回答已采纳
1回答
我不确定是否可以完成我所需要的工作，但是我想要一个flex (或者CSS，如果可以的话包括表布局)解决方案来提供双重固定的(固定的-非粘性的)标题和页脚，如下所示：
***header one - fixed - dynamic height***
***header two - fixed - dynamic height***
***content - scrolls as needed***
***fixed one - fixed - dynamic height***
***footer two - fixed - dynamic height***
我花了几天的时间搜索和尝试一些事
浏览 1提问于2016-04-22得票数 0
回答已采纳
我使用的是，我的页面包含粘性页眉和页脚(如)。
我注意到当我在小屏幕上运行页面时(宽度小于760 on )。与单击“我不是机器人”按钮相比，标题会扩展到大视图，页面宽度会意外地增长。
我注意到从html标记中移除“位置:相对”可以修复问题，但会破坏粘性页脚。不幸的是，我找不到任何其他解决方案的粘性页脚与固定的页眉很好地工作。
我上传了，复制这个问题
任何想法都将不胜感激，谢谢！
迈尔
浏览 1提问于2015-07-26得票数 0
回答已采纳
3回答
我正在尝试用CSS实现一个粘性页脚。我意识到这是一个常见的问题，所以我尝试了通过谷歌找到的各种解决方案。
然而，我发现的解决方案都不能完全实现我想要做的事情。我不仅希望页脚在底部，而且我可以在页眉和页脚之间放置一个div，它占据了所有可用的空间，即使没有足够的内容(想象一下，如果你在#content周围放一个边框，它应该从页眉一直扩展到页脚，无论有多少内容)。
这就是解决方案失败的地方。“推送”元素中的任何一个都会成为障碍。或者，如果不破坏页脚或增加超过100%的页面宽度，就无法将div设置为100%。
下面是基本的标记：
<!DOCTYPE html>
<html>
浏览 2提问于2013-03-03得票数 1
我们在我工作的地方使用亚特兰西安的汇合处。UI显示名为header的div、称为拆分器的区域( div )和另一个称为脚注的div。无论您如何调整窗口的大小，页脚总是出现在页面底部，而拆分器总是大小来填充页眉和页脚之间的空间(即使拆分器的内容没有填充空格)。
检查页脚的css，它似乎没有使用典型的粘性页脚css技巧(位置:绝对；底部:0)。我试图弄清楚他们是在使用javascript来调整大小，还是在使用某种花哨的css。
谢谢你能提供的一切帮助。
浏览 4提问于2013-11-09得票数 0
回答已采纳
我有一个使用UI路由器的Angular 1.3应用程序。我有一个页面视图和一个页眉指令和另一个页脚指令。
<body ng-controller="AppCtrl as app">
<!-- header -->
<div header></div>
<!-- content -->
<div ui-view=""></div>
<!-- FOOTER -->
<div footer></div>
在我的应用程序中，有一些状态我不想显示页
浏览 0提问于2015-03-31得票数 3
我有一个登录页面-只有两个输入(没有页眉，没有页脚，没有侧边栏) 当用户登录时，他应该被导航到具有页眉、页脚和右侧导航栏的页面。 内页唯一变化的是右边的内容。 import { Component } from '@angular/core';
import { ViewEncapsulation } from '@angular/core';
@Component({
selector: 'pm-app',
template: `
<div>
<router-outlet></route
浏览 62提问于2016-11-09得票数 60
回答已采纳
3回答
所有粘性页脚都要求您将除页脚以外的所有内容都放在一个换页内。我有这样一种情况，页眉必须驻留在页面换行之外：
<div id="header">...</div>
<div id="page-wrap">...</div>
<div id="footer">...</div>
有人知道在这种情况下CSS的附录是什么吗？
浏览 3提问于2009-09-17得票数 2
我想堆叠一个粘滞的页眉+路由器插座+页脚。我的问题是页脚没有显示，路由器插座要么溢出，要么没有显示。 我试过使用 <div class="container" style="position=relative">
<header style="position:absolute"></header>
<router-outlet style="position:absolute></router-outlet>
<footer style="
浏览 13提问于2019-04-20得票数 0
回答已采纳
我使用了两个辅助视图(即UICollectionReusableView)来呈现夹在UICollectionView中的页脚和页眉。
问题是，当UICollectionView很短时(例如，只有一个单元格被占用)，那么页脚视图就会向上滑动，而不会“粘”到底部！
其他文章已经解决了这种行为；在某些情况下，作者使用自定义布局来实现粘性页脚/页眉。相反，我只是将sectionFootersPinToVisibleBounds和sectionHeadersPinToVisibleBounds设置为true，这通常可以很好地工作--直到UICollectionView很短。
这发生在Swift 3.0
浏览 6提问于2017-08-11得票数 0
回答已采纳
2回答
嘿Stackoverflow团队，
我有一个固定的页眉和粘性页脚的小问题。代码可以在这里找到：
我想要实现的是：+页眉，它总是在顶部，即使在滚动期间-它总是在同一位置可见，+页脚，它粘在页面的底部-它在滚动过程中是不可见的，除非你会到达页面的底部。
我发现固定位置不能以某种方式与粘性页脚一起工作：
有什么想法吗？
浏览 0提问于2012-08-19得票数 3
我正在开发一个Angular 6应用程序和bootstrap 4。我面临的问题是在我的页脚后面有一个额外的空格，这看起来非常奇怪。我的app.component.html代码如下
<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>
app-页眉具有导航栏形式的内容，router-outlet根据路由保存动态内容urls.The app-footer具有如下页脚内容
<div style=
浏览 0提问于2019-01-01得票数 0
6回答
我正在开发一个移动网络应用程序。这是从上到下的主要结构:页眉div，菜单div，内容div，脚注div。页眉、菜单和页脚是固定不变的，页面使用ajax加载到content div中。
有些页面有很多内容，它们填满了页面，因此需要滚动。有些页面只有一行或两行内容，因此它们留下了很大的空白部分(不一定是不同的页面-例如，一个页面显示订单列表，您可以没有订单，也可以有数百个……)。
这就是我想要实现的:如果页面没有充满内容，页脚将在页面的底部。如果页面已满并且需要滚动，则页脚将紧跟在内容之后(因此您向下滚动页面，最后到达页脚)。
粘性页脚解决方案对我来说并不好，因为我不希望页脚总是停留在底部，只有在
浏览 1提问于2013-04-28得票数 13
我正在尝试创建一个选择ListActivity，类似于用于向启动程序屏幕添加快捷方式的add。我已经滚动了我自己的页眉和页脚，我希望它们在屏幕上时在视图的顶部和底部“粘性”。为此，我使用了一个RelativeLayout，其页眉设置为停靠到顶部，页脚设置为停靠到底部，列表设置为在页眉下面和页脚之上。就活动的整体布局而言，这是我所期望的渲染。页眉粘在顶部，页脚粘在底部，列表在它们之间滚动。
然而，当我切换到RelativeLayout作为我的根目录时，发生了一件奇怪的事情。请看下面的截图：
我希望我的Activity的高度为wrap_content，这样表单的高度就只能与其中显示的内容
浏览 0提问于2011-05-11得票数 5
回答已采纳
我有一个要求，我们有页眉，中段和页脚。
页眉和页脚的高度可以或多或少取决于不同的屏幕大小和内容。
页脚将是粘性的，如果页面不包含滚动，则在屏幕的末尾，如果小屏幕发生滚动，则页脚不应与中间内容重叠。典型的贴纸页脚行为。
中间部分包含两列。每一列内容应该垂直中心对齐。
请参考下面的截图
注:我可以使用普通的粘性页脚和CALC调整高度的主要内容，但它不会是动态的。我不想使用javascript来完成DOMContentLoaded和窗口大小调整的所有数学运算。
浏览 1提问于2019-02-19得票数 1
回答已采纳
有没有可能创建一个粘性的页眉或页脚，这样无论你在哪里滚动页眉/页脚都会保持原样？我正在寻找一个HTML/css/javascript的iPhone/webkit解决方案。
浏览 1提问于2009-09-22得票数 1
回答已采纳
我希望我的所有路由组件都嵌套在一个BaseLayout组件中。对于使用router-outlet的简单示例，这很容易，其中整个子组件都被注入到路由器出口中。是否可以为子节点定义多个位置，以便将内容注入父节点？类似于命名ng-content块的工作方式？我希望一个子路由组件能够定义页眉，主和页脚的内容。
浏览 0提问于2016-08-03得票数 0
1回答
引导页脚覆盖内容
、、、、
我几天来一直在试图解决这个问题。我看到了很多关于它的问题，但似乎没有一个解决方案对我有效。
我有一个网站，有一个引导3前端。我想要一个粘性的底部页脚，我正在使用Bootstrap的navbar navbar-fixed-bottom样式来实现这一点。这是可行的，但问题是，当没有足够的空间时，内容将与页脚重叠。我希望能够滚动内容与页脚和页眉固定，我不希望页脚滚动与内容。
。你可以调整浏览器的高度，看看我在说什么。
任何帮助都将不胜感激！
浏览 0提问于2015-06-11得票数 1
1回答
如何用角覆盖布线出口？
、、、
我想在角8应用程序中为页眉、页脚、左侧和主要内容制作通用布局。
我不想重新加载页眉，页脚和左侧时，每次用户导航从一个页面到另一个页面，除了一些页面，如登录，联系我们。
我的一些基本代码如下所示
app.componant.html
<div>
<router-outlet name="header"></router-outlet>
<div>
<router-outlet name="leftMenu"></router-outlet>
浏览 2提问于2020-01-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
