腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
在页面内容底部之前停止350px的Jquery粘性页脚
、
、
我如何用Jquery制作一个粘性页脚,直到内容结束前达到350px,才能粘在浏览器底部。基本上,我在内容的底部有另一个大页脚,我希望粘性页脚保持粘性,直到你滚动到350px的页脚,它将留在最后一个页脚的顶部,这样你就可以阅读内容了 基本上就像做一个粘性页脚,然后在内容底部之前的350px,停止粘性页脚,使其与页面一起滚动。 我在网上找到了这段代码,但我知道代码可以找出内容的结尾,而不是可视浏览器的结尾。它可以作为一般的粘性页脚( different...Although )工作。 $(function(){ positionFooter(); function positionFooter(
浏览 0
提问于2012-11-28
得票数 1
回答已采纳
2
回答
绝对位置和溢出属性
、
、
我正在制作这个页面,它有一个粘性的页脚。 内容div,正在通过粘性的页脚,由于绝对定位,我无法使overflow:hidden;正常工作。 有人能帮我吗? 请不要评论设计:P也不是我喜欢的。 |
浏览 0
提问于2012-08-06
得票数 0
回答已采纳
1
回答
使用react实现页脚,而不是停留在底部
、
、
、
、
我只需要一种方法,使页脚粘性,并留在底部的页面,同时使用反应。 页脚不会停留在页面底部,尽管遵循materialize文档并在我的应用程序中创建了页眉、主页脚格式。 页脚显示正确,但拒绝转到底部(成为粘性页脚)。 下面是app.js的render方法: render() { return ( <React.Fragment> <Header /> <main> ... my stuff here ...
浏览 14
提问于2019-06-28
得票数 0
1
回答
粘性页脚跳到移动屏幕上
、
、
在我的web应用程序中,我有一个用于小屏幕的粘性页脚。问题是粘性页脚根据键盘的状态上下跳。 我正在寻找它被覆盖在移动键盘。下面是用于粘性页脚的css width: 100%; position: fixed; bottom: 0; height: 85px; left: 0; right: 0; 有什么解决办法吗?
浏览 4
提问于2015-05-18
得票数 3
回答已采纳
2
回答
消除大屏幕上覆盖图像与粘性页脚之间的白色间隔
、
、
这是我正在开发的页面的链接。这个网站已经建立了启动带3。 在这个链接的主页上,我有一个标题,然后是一个带有过滤器覆盖的封面图像,最后是一个页脚。我已经能够使页脚函数作为一个。然而,在较大的屏幕上,当我增加浏览器的高度时,封面图像和粘性页脚之间有一个讨厌的白色补丁。 我希望封面图像溢出(如果这是正确的术语),使用css达到粘性页脚的点,这样在中间看不到白色补丁。 我还想控制和定义浏览器的高度,在这个高度上,粘性页脚应该开始显示在页面上。 有人能帮我找出我上面分享的链接吗? 谢谢!
浏览 1
提问于2015-10-04
得票数 2
3
回答
100%身高的全屏幕页面
、
是否有任何方法使页头,粘性页脚和身体应该始终适合100%的屏幕高度-页眉和页脚,只有HTML和CSS。有关更多信息,请参见图像。
浏览 2
提问于2015-04-12
得票数 1
回答已采纳
5
回答
在SafariMobile10.3上,粘性页脚可以从屏幕上滚动
、
、
、
、
我们的移动web应用程序有粘性的底部导航,就像您在iOS应用程序中经常看到的那样,在Safari10.3发布之后,只在上滚动粘性导航(页脚)就可以离开屏幕。尽管它是position: fixed和set bottom: 0,但在较早的Safari版本上也不可能。 粘性导航/页脚的样式如下: footer { position: fixed; height: 50px; left: 0; right: 0; bottom: 0; background: rgba(255, 0, 0, 0.7); } 在纵向模式下,总是可见的: 在横向模式下,您可以将其滚动到屏
浏览 2
提问于2017-05-17
得票数 33
2
回答
浮动内容下的粘性页脚
、
、
我有一个页面,其中的内容是浮动在中心,以便在任何浏览器大小,内容div将始终在中间猛击。 现在,我已经向页面添加了一个粘性页脚,但是当浏览器窗口小于预期时,页脚将显示在浮动内容的前面。 我没有完全跟上清理浮标工作的速度,也不知道绝对定位是如何影响相对定位的。我意识到,一旦我使页脚绝对,它变得独立于所有其他div,这是自然不是我想要的,但这是我被困在这里。 我的问题是,如何使粘性页脚显示在页面底部,但如果浏览器屏幕的高度较小,则如何保持在浮动内容下(在下面,我指的是下面)。 这里是我当前代码的一个示例: 我从这里获取了粘性页脚代码:和 我很抱歉,如果这是对这样的另一个问题的重复,但我已经涉猎了
浏览 2
提问于2012-10-15
得票数 0
回答已采纳
1
回答
如何使粘性页眉和页脚有箭头按钮显示/隐藏conent作为Google与CSS/Boostrap和Jquery
、
请帮助我使粘性页眉和页脚有箭头按钮显示/隐藏内容作为Google广告的CSS/引导和Jquery 演示粘贴页脚单击左上角的向下箭头按钮,隐藏内容并显示向上箭头按钮。当我单击向上箭头按钮时,页脚的内容将再次显示。
浏览 2
提问于2021-07-29
得票数 0
5
回答
希望页脚保持在底部,但不是绝对的
、
、
、
我正在制作一个网站,并在页脚上有一个包装,我想页脚作为粘性页脚,但当我最小化屏幕,使它更小的页脚超过内容和页眉。 #footerWrapper { height: 177px; bottom: 0; position: absolute; width: 100%; } 这做了我想做的,因为它使页脚到页面底部,而不管屏幕是什么大小。然而,当我最小化屏幕并向上移动时,它将保持绝对状态,因此停留在1页。 因为我希望它留在页面上,而不是页脚是绝对的。 任何想法。
浏览 5
提问于2014-03-24
得票数 1
回答已采纳
1
回答
带引导带5的水平导航布局
、
、
、
、
我很难让引导程序水平显示我的导航选项(例如,类似于引导文档中显示的示例)。 下面是我的页面的代码代码: 澄清一下:在我的代码示例中,Home Features Pricing应该是水平的,而不是垂直的。 我认为的问题可能与我在<body>中使用flex-column有关。但是,如果不破坏我设计中的其他项目,我就无法删除它(例如,粘性页脚-使用柔性页脚来处理粘性页脚,比设置固定高度等烦人的选项要干净得多。) 所以我真的被困住了!
浏览 1
提问于2021-01-17
得票数 1
回答已采纳
1
回答
颤振数据表行和
、
、
我正在寻找一个表格数据小部件,如DataTable,其中包含; 分页支撑 粘性集箱 页上和的页脚行 如果有足够多的行,每个页面都将包含固定的行数。此外,该表将适合屏幕高度,但它应该是水平滚动的,因为有几十列。 基本上就像这个虚拟的演讲。 我从目录小部件PaginatedDataTable开始,但不幸的是,它没有页脚行支持和粘性页眉。然后我想也许我可以用Table小部件来处理它,但是这个小部件缺少很多东西。 然后我尝试了和。两者都有粘性的页眉和分页支持,但是页脚行成了一个问题。 我认为,更简单的思考可以使一切变得更好,并尝试使用ListView,但这一次,甚至使行值与标
浏览 15
提问于2022-09-16
得票数 0
回答已采纳
1
回答
响应调整大小
、
、
、
我有一个粘性页脚,需要重新定位时,网站的内容增长。目前,当我的文本区域增长到某个点时,它只是使页脚下溢,而页脚则保持原样。 响应调整高度的元素的最好方法是什么?我见过一些使用动画帧之类的东西。但我所要做的就是在每次触发resize事件时重新计算我的页脚的位置。
浏览 0
提问于2016-02-27
得票数 0
3
回答
内列CSS 100%高度
、
、
、
更新: 为了澄清,页脚应该在页面的底部,并且页面应该在任何时候都有100%的高度,所以中间行应该相应地进行调整。没有任何东西应该与页脚重叠,而页脚不应该重叠任何东西。本质上,如果您有一个具有100%高度的两行表,您将很容易做到这一点。 这是一个问题,一个100%高度的div,在一个div内100%,一些文本被撞下来。 是否有方法使内部div的高度相对于其包含div的高度? 原始员额如下 我试图得到两个内列有一个100%的高度,而不是干扰粘性页脚。到目前为止,我已经有了与主容器相关的粘性页脚,但是很难将#content、#col1和#col2的高度与#容器的高度相匹配,而不松开粘性页脚。
浏览 2
提问于2011-10-25
得票数 3
回答已采纳
1
回答
高度为100%的嵌套div与粘性页脚
、
我试图让我的白色包装纸div有一个100%的高度,而不破坏我的粘性页脚。我试过移除高度: auto!重要的是我的包装div将100%扩展,但这会扰乱我的粘性页脚。它还会导致页脚在调整大小时重叠图片。如有任何帮助,我们将不胜感激。 .supercontainer { min-height: 100%; height: 100%; height: auto !important; margin: 0 auto -100px; position: relative; background: #f8f8f8; } .wrapper { border-r
浏览 1
提问于2014-03-19
得票数 0
回答已采纳
1
回答
如何在CSS (Flexbox)中有一个粘性页脚?
、
“我怎样才能把页脚钉在页底?” 我已经在一个棘手的情况下与脚很多次,我总是以一个不同的结果。 使用CSS创建粘性页脚的最简单方法是什么?我想要这个: 像这样:
浏览 3
提问于2022-07-14
得票数 0
1
回答
wordpress粘性菜单滚动问题-浏览器窗口大小?
、
、
我试图解决一个问题,我认为是与Wordpress粘性菜单问题有关。此页面显示了问题所在: 在Chrome中,使用鼠标滚轮向下滚动,此页面将根据浏览器窗口的大小显示不同类型的行为。 ( a)如果浏览器窗口的大小(垂直)仅为一行产品可见,则行为与预期相同。页面将一直滚动到页脚,并显示粘性菜单。 ( b)如果我的浏览器窗口的大小使得两行产品几乎不可见,那么在我到达页脚之前,内容就会闪烁。(有时,我甚至无法到达页脚。)顶部的粘性菜单永远看不见。 我已经看到了许多关于这个问题的解决方案(假设这个问题是一个棘手的菜单问题),但还没有完全理解它们。我对CSS相当熟悉,但对JS不太熟悉。我理解的一个解决方案是
浏览 3
提问于2016-12-10
得票数 0
1
回答
在播放粘性音频播放器时浏览网站
、
、
、
、
我正在建立一个PHP网站,在其中我想显示粘性音频播放器在网站页脚页。当任何用户播放音频播放器时,它应该继续播放,甚至用户单击任何其他页面。 播放器示例应该类似于 如何实现这种播放器的功能。如果PHP中有任何可用的例子,那就太好了。
浏览 1
提问于2014-08-04
得票数 2
回答已采纳
2
回答
将中间集装箱放置在前一个集装箱的后面,但停靠在底部
、
、
、
、
我有一个网页,包括一个页眉,滑块菜单内容和页脚。 我需要的内容从菜单开始(菜单大小和位置是基于以上的元素,取决于设备),它应该始终是25 be从底部重叠的页脚。 如果我试图使它相对,它挂到中间,没有到达终点,如果我使它是绝对的,我必须指定它应该从哪个值开始是动态的。 有没有一种有效的方法来做到这一点? 更新 我不介意在jQuery中这样做,只要内容的顶部是动态的,并且取决于前面的元素,不管它是什么。 更新 是我需要的一个抽象的例子。 页脚应该始终锚定在底部(稍后我将应用粘性页脚技术,这里的问题是内容),页眉、滑块和菜单锚定到上面的元素,内容应该锚定在上面的元素和页脚上。
浏览 7
提问于2013-09-16
得票数 0
回答已采纳
2
回答
CSS粘性页脚实现之间的区别?
、
我发现了两个不同的CSS粘性页脚实现: Steve Fait粘性页脚- Hatcher粘性页脚- 有人能解释一下他们每一个人是如何工作的吗? 如果还有其他已知的实现,请您发表评论或编辑这个问题。
浏览 1
提问于2011-04-21
得票数 5
回答已采纳
1
回答
为什么HTML5不强制使用“粘性”页脚标签?
、
我目前正在摆弄“粘性”页脚,并且遇到了Q:中引用的常见链接。 虽然我很高兴这些修复存在,但我很好奇为什么在HTML5的重新设计精神中没有解决页脚问题。抛开语义问题不谈,web文档作者希望页脚具有默认行为,即“粘性页脚”:留在页面底部,除非页面内容更长。 我觉得这是一个错过的机会,以消除许多黑客,并想知道是什么考虑因素,不分配一个‘粘性’行为的页脚标签。
浏览 0
提问于2011-05-05
得票数 5
回答已采纳
1
回答
放在html和css底部的页脚。
、
、
我正在一个wordpress网站上工作。但我已经用html编写了主页。我要主页响应。主题提供响应或粘性页眉,但页脚不是粘性的。请帮助我使页脚响应以及粘性的底部。
浏览 2
提问于2014-12-02
得票数 0
回答已采纳
2
回答
CSS:水平滚动容器底部的粘性元素
、
、
、
我试图使粘性页脚在水平滚动元素内。我希望这个粘性页脚与底部对齐,基于它的内容具有自动高度,并且与滚动父页面一样宽(在本例中为200 in),因此当我向右滚动时,页脚位于相同的位置,它的内容以水平为中心(内容应该是一些元素,而不仅仅是简单的文本)。我会很感激你的帮助。 通缉解决方案: 我现在的代码是: * { box-sizing: border-box; } body { margin: 0; padding: 0; } .example { width: 200px; overflow-x: auto; } .container { position:
浏览 2
提问于2021-11-22
得票数 4
回答已采纳
2
回答
如何制作流畅的粘性页脚
、
、
我正在寻找一种解决方案,有一个粘性页脚,其高度可能取决于浏览器的宽度。 流体设计中的粘性页脚并不都是微不足道的。我已经找到了实现粘性脚注的提示、讨论和解决方案。然而,所有这些都依赖于固定的和已知的页脚高度。在我的例子中,页脚的高度包含文本,行数取决于屏幕的宽度。 而不是做各种媒体查询和构建一些工作,我更喜欢一个干净的CSS解决方案,其中粘性页脚自动适应屏幕的宽度变化。 你们中有谁有最终答案吗?
浏览 0
提问于2013-06-04
得票数 5
4
回答
让DIV占据所有较低的空间
、
比方说: <header>Hello</header> <div role="main">Body</div> <footer>©</footer> header { height:20px; background: #edf1f5; } div { background:#ddd; padding:20px; } footer { background: #e4e8ec; } 如何使footer占用所有剩余空间?我的目标不是有一个粘性页脚在这里
浏览 7
提问于2012-04-25
得票数 1
回答已采纳
3
回答
显示中的引导响应表:表
、
我有一个Bootstrap响应式table,它在带有CSS display:table的div中。这似乎阻止了表的响应。如何在不更改外部CSS的情况下使表响应 作为参考,使用display:table来创建一个“粘性页脚”:
浏览 2
提问于2016-09-29
得票数 0
1
回答
带有粘性页眉和粘性页脚项的RecyclerView
、
我正在尝试创建一个类似于以下结构的RecyclerView: 它应该是一个分段的 RecyclerView,具有粘性页眉和粘性页脚。 对于其他words...each部分(或条目),应该有一个具有可滚动内容的粘性页眉和一个粘性页脚。 有谁知道如何做到这一点吗? 提前感谢!
浏览 9
提问于2017-04-24
得票数 1
1
回答
其他div中的粘性页脚
、
、
、
我有一个给定的HTML结构,并且不能真正设法将它更改为将页脚放在包装器div上,而不是其他东西,因此“经典”粘性页脚代码不起作用。结构如下: <body> <div></div> <div> <sidebar></sidebar> <maincontent> <div></div> <div></div> <div></div&
浏览 3
提问于2014-12-14
得票数 1
1
回答
Twitter Bootstrap -动态更新Affix Data-Offset属性
、
、
、
我正在使用“粘性页脚”技术在页面上的一个区域,其中也有一个导航栏利用词缀。问题是,数据偏移量属性需要根据粘性页脚的位置进行更新-因此它不能被硬编码。 如何获取粘性页脚所在位置的像素值,并将该值传递给data-offset属性,以便它知道何时附加自身? 任何帮助都将不胜感激!
浏览 0
提问于2012-10-26
得票数 2
回答已采纳
2
回答
粘性页脚CSS问题
、
、
我已经能够设计我的布局,使它有2列和100%的宽度,你可以看到。 现在我正在尝试用这个布局实现粘性页脚(100%)高度,它在右栏中也有背景,在页脚下流动,在左栏中也有边框。 有没有办法用我目前的布局来做这件事,或者如果有人能提出替代我现在做的方式的建议,那就太好了! 谢谢!
浏览 2
提问于2009-09-15
得票数 0
回答已采纳
4
回答
全屏背景与粘性页脚工作?
、
、
我正在使用创建一个全屏背景。(更新:对图像使用100%的高度和宽度不是我想要的,因为这只是延伸图像,这个脚本保持高宽比。)。 我还试图使用合并一个粘性页脚。 添加粘性页脚部分是在背景图像上创建一些额外的水平滚动。 我的图像是700 px466px,我的浏览器窗口是1240x1414。我的网站位于浏览器窗口的中间水平,但有一个额外的滚动,可以做的右边。 如何使整个屏幕背景图像与粘性页脚一起工作,从而消除额外的水平滚动?粘性页脚需要坐在背景图像的顶部,而不是在它下面。 更新:使用Supr的答案来解决水平问题,唯一要解决的问题是页脚位于背景图像的下方,而不是在其之上。 这是我的css: * {
浏览 1
提问于2012-02-02
得票数 0
回答已采纳
1
回答
我需要帮助让我的页脚做我想让它做的事情
、
、
我使用粘性页脚jquery解决方案使页脚始终位于页面底部。它起作用了。因此,当我在全屏模式下用浏览器加载页面时,页脚在底部,当我调整浏览器的大小时,页脚不会移动并掩盖我想要的内容。但是,如果浏览器已经以较小的分辨率调整了大小,则会显示页脚并覆盖内容。我如何才能阻止这种情况的发生? jquery: <script type="text/javascript"> $(document).ready(function () { var docHeight = $(window).height(); var footerHeight = $('
浏览 2
提问于2013-04-26
得票数 1
回答已采纳
3
回答
具有CSS粘性页脚+ 960网格布局的重叠块
、
、
我下载了和代码。 粘性页脚的工作方式与预期一致-如果内容窗格为空,则页脚将停留在视口的底部,并在已满时将页脚向下推。 我在960网格系统中使用css粘性页脚代码,但当侧栏中的内容展开并到达页脚时,页脚与边栏内容的末尾重叠: 你知道我哪里出问题了吗?我该如何解决这个问题?
浏览 3
提问于2012-05-24
得票数 0
回答已采纳
1
回答
带有UIScrollView的粘性页脚
、
、
需要使用UIScrollView实现粘性页脚行为,我实际上希望复制UITableView的节页脚视图(红色视图)的行为。(请参阅以下gif url) 我尝试使用以下约束,我们需要Bottom Container是粘性的。(它的行为必须像https://imgur.com/a/45Urz gif中的红色页脚)
浏览 0
提问于2018-02-10
得票数 1
回答已采纳
4
回答
在iPad网站底部有粘性页脚吗?
在iPad上可以在底部使用粘性页脚吗?我正在制作一个网站,这也需要兼容的iPad和该网站,我需要使用底部粘性页脚。
浏览 0
提问于2011-05-20
得票数 3
2
回答
HTML5样板中的粘性页脚
、
、
、
我试图在样板中实现一个粘性页脚,但我找不到一种方法来工作。我尝试了和发布的解决方案,但这两个解决方案对我都不起作用。 我研究了一下,发现Boilerplate不支持粘性页脚。你们中的任何人在这个问题上有什么幸运的吗? 要查看我确实需要粘性页脚的页面,请转到 谢谢你的帮助。干杯
浏览 1
提问于2012-01-29
得票数 3
回答已采纳
1
回答
关于滚动函数,它适用于$(窗口),但不适用于$(文档),为什么?
、
、
、
我正在开发一个函数,一旦粘性页脚到达元素-> #line-before-related-article,就必须将其隐藏起来。当我使用$(document)时,当我开始向下滚动时,粘性页脚就消失了,这不是我想要的。 当我使用$(window)时,粘性页脚在到达#line-before-related-article之前就消失了,这几乎就是我所需要的。我希望粘性页脚仅在到达id为#line-before-related-article的div时消失。 $(window).scroll(function() { if ($(this).scrollTop() + $(this).hei
浏览 1
提问于2016-12-09
得票数 0
1
回答
如何使用@media打印具有粘性页眉和/或页脚
、
、
、
、
如何仅用HTML和CSS制作@media打印的粘性页眉和/或页脚?我试过使用position: absolute和position: fixed,但它不起作用。
浏览 0
提问于2018-08-01
得票数 2
1
回答
当主体中有动态数据时,如何在最后一页的底部放置页脚
、
我正在尝试创建一个报告,其中有一个要求,页脚必须放置在最后一页的底部。报告体根据从数据库返回的记录数动态加载。报告可以是1页或更多。 我已经尝试使用粘性页脚,这对于查看网站上的HTML是可以的,但是当报告的长度大于1页时,当查看打印预览屏幕时,页脚与报告的正文重叠,并且页脚保留在第一页而不是移动到最后一页。 有没有人知道在创建可打印屏幕时,在最后一页的底部放置页脚的方法,该屏幕的格式正确,用户无需使用粘性页脚即可打印。 当有多个页面要打印时,我实现的粘性页脚不能在打印预览屏幕中正确显示。
浏览 0
提问于2013-02-06
得票数 6
12
回答
如何创建一个能很好地使用Bootstrap 3的粘性页脚
、
、
、
无论有没有顶部导航,这是非常常见的网站有一个粘性页脚。引导程序可以轻松地创建固定的页脚,但是没有这样的工具来创建粘性的页脚--这有很大的不同。 在谷歌上搜索这个问题会发现,成百上千的开发人员都有同样的问题,但没有一个好的答案。 具有讽刺意味的是,页面本身除了引导样式之外还有一个粘性页脚和一个固定的顶部导航条。不过,这都是定制的css,而不是框架的一部分。因此,一个明显的途径是采取和重构他们的定制样式,因为它显然在Bootstrap框架内发挥良好,但这似乎比它应该更痛苦。 参见获得一个带有引导带顶部导航条的示例页面,以及一个不受欢迎的、非粘性页脚。 问题: (感谢软层-感谢) 所需解决
浏览 0
提问于2013-11-03
得票数 76
回答已采纳
2
回答
100%宽度粘贴页脚+页眉,但居中3列内容与高度100%?
、
我试图创建一个网页设计与全宽度固定菜单,一个全宽度标题,960px宽居中的内容与3列(每一列与高度100%)和一个全宽度粘性页脚。 在我见过的所有工作示例中,页眉、内容和页脚的宽度是相同的。 (编辑)我的问题是使列延伸到屏幕的全部高度,从页眉的底部到页脚的顶部,在任何屏幕大小。 我已经举了一个例子来说明我正在努力实现的目标: 这是可能的CSS吗?
浏览 2
提问于2012-02-02
得票数 0
回答已采纳
1
回答
如何使用粘性页脚将bootstrap 3容器设置为浏览器高度的100%?
、
正如标题所说,如何使用粘性页脚将bootstrap 3容器(包装器)设置为浏览器窗口高度的100%? 更新: 粘性页脚运行良好,这是我需要100%高度的第一个'<div class="container">'
浏览 1
提问于2015-01-03
得票数 3
4
回答
asp.net中的粘性页脚不起作用
、
、
我在我的页面中使用粘性页脚与表单标签,它的工作很好检查演示如下 但是当我使用<form>标签,然后粘性页脚不工作时,请检查小提琴链接
浏览 0
提问于2013-06-03
得票数 3
回答已采纳
2
回答
在包含元素上设置了高度的粘性页脚
、
我可以按照说明在网页上设置粘性页脚 这表明没有设置min-height:100%和height .page-wrap { min-height: 100%; /* equal to footer height */ margin-bottom: -142px; } 但是,在其中一个页面中,我需要设置height:100% in.page-wrap来调整其子页面的高度。在我设置了高度:100%后,我的粘性页脚不工作,并出现在页面的中间。 有没有办法让粘性页脚在.page-wrap中高度设置为100%时工作?
浏览 7
提问于2013-09-09
得票数 2
1
回答
CSS背景部分
我有一个背景,有两种颜色被切成两半。该页有粘性页脚。 有没有更好的方法可以做到这一点,同时仍然保持粘性页脚?我做了一些研究,但这都会影响粘性页脚。 * {margin:0;} html {position: relative; min-height: 100%; background:#F6E038;} body {margin: 0 0 100px;}/* bottom = footer height */ .footer{ position: absolute; left: 0; bottom: 0; height: 100px; width: 1
浏览 2
提问于2013-04-10
得票数 1
回答已采纳
2
回答
粘性页脚覆盖正文内容的底部
、
、
、
、
我添加了一个粘性页脚,在Safari中不能覆盖正文内容时遇到了麻烦。Chrome和FF运行得很好,我在正文中添加了一个底边距来抵消粘性页脚的高度。为什么同样的功能在Safari中不起作用? 这是有问题的页面...我不知道在这里粘贴代码的哪一部分,抱歉... http://go.datis.com/2019summit_agenda 我希望正文内容在它和粘性页脚之间留出空白处。
浏览 33
提问于2019-01-30
得票数 1
回答已采纳
1
回答
粘性页脚,在页面的某一点停止粘着的页脚。
、
、
我正在尝试构建与此页面中的条件粘性页脚相同的功能: 当您向下滚动页面时,页脚一直保持在位置,直到页面上的某个点,此时它只是页面流的一部分,然后滚动到屏幕上。我需要复制这个功能,但我不知道他们是如何在页面上这样做的。 如果有什么不同的话,我将在react应用程序中构建这个功能。页脚被编码,并作为一个粘性页脚正确地发挥作用,但在某一点上没有成为页面流的一部分--目前它只是一直保持粘性。
浏览 7
提问于2022-09-08
得票数 0
回答已采纳
4
回答
如何使滚动页脚固定,然后返回到滚动
、
、
、
大家好,我看到了所有这些粘性页脚脚本和粘性侧边栏脚本!我想要的是类似的东西,我有一个有页脚的长页,然后在页脚下面有更多的内容,我希望页面只在内容到达页脚时才显示页脚,一旦页脚在屏幕上显示,它就会固定到底部,这样我就可以继续滚动页面并查看“更多的内容”,当回滚回滚时,页脚从底部的固定页脚分离到正常状态! 我附上了一个截图,也许可以帮助更好地解释它!
浏览 9
提问于2013-08-07
得票数 1
回答已采纳
4
回答
一个有固定页眉的真正的粘性页脚?
、
、
、
首先,请阅读这个完整的问题,这样你才能完全理解我在寻找什么,谢谢! 这是一个问题,我一直试图研究了一段时间,并已困扰我退出一段时间。我能有一个固定页眉的真正的粘性页脚吗? 如何实现具有固定页眉的粘性页脚?我不能添加填充或空白处的身体或内容,因为这将打破页脚。此外,我希望能够在我的内容中使用width:100%和height: 100%,而不让它溢出并造成混乱。 以下是我的目标(请原谅我出色的Photoshop技巧): 当我在我的页脚上使用position:fixed;和bottom:0;时,这看起来很好。但要使它真正的粘性,我需要添加一些css到我的网页。(出发地:) * { m
浏览 4
提问于2014-02-05
得票数 7
回答已采纳
1
回答
为什么引导4工具提示与链接分离,我如何修复它?
、
、
我已经做了一个网站模板,有一个粘性页脚。它使用了一种常见的粘脚方法,我多次使用它。因为模板使用的是引导4(现在是beta版),所以它提供了一种简单的方法来获得一个很好的样式化的工具提示。问题是,如果页面内容将页脚向下推,那么工具提示就会与它应该连接的链接分离。 我非常希望工具提示能够独立于页面内容的数量,但是我尝试过各种各样的东西,却找不出出了什么问题以及如何修复它。我想请您不要建议我使用不同类型的粘性页脚。重要的是,我要保持粘性页脚CSS和相关的HTML完整。 我只需要知道,当页面内容向下推时,工具提示为什么会分离,以及不管页面内容存在多少,如何保持工具提示的附加。 CodePen: HTM
浏览 3
提问于2017-08-13
得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS粘性定位是怎样工作的每日前端夜话0x1F
网页版 Word 新特性:插入页眉和页脚、添加行号、引入多栏布局
CSS 五种方式实现 Footer 置底
您了解HTML5的article标签吗
CSS各种姿势实现Sticky Footer
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券