腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
带固定肚脐的粘脚
、
、
对于一个固定页眉的粘性页脚,我有一个问题。我遵循的一些解决方案似乎符合我想要实现的目标,比如()、()和(),但我仍然想解决一些问题。 这是我的 页脚在页面底部与微小的内容或它的很多-检查! 由于#siteContent:a(创建一个与标头高度相同的间隔)-检查! 滚动条仍然存在与微小的内容-取消检查! 页脚在页面底部时,当在div (siteContents)中,我有这样的东西-取消检查! (...) <div id="siteContents" class="clearfix"> <div itemscope="items
浏览 1
提问于2014-06-24
得票数 0
4
回答
全屏背景与粘性页脚工作?
、
、
我正在使用创建一个全屏背景。(更新:对图像使用100%的高度和宽度不是我想要的,因为这只是延伸图像,这个脚本保持高宽比。)。 我还试图使用合并一个粘性页脚。 添加粘性页脚部分是在背景图像上创建一些额外的水平滚动。 我的图像是700 px466px,我的浏览器窗口是1240x1414。我的网站位于浏览器窗口的中间水平,但有一个额外的滚动,可以做的右边。 如何使整个屏幕背景图像与粘性页脚一起工作,从而消除额外的水平滚动?粘性页脚需要坐在背景图像的顶部,而不是在它下面。 更新:使用Supr的答案来解决水平问题,唯一要解决的问题是页脚位于背景图像的下方,而不是在其之上。 这是我的css: * {
浏览 1
提问于2012-02-02
得票数 0
回答已采纳
3
回答
粘性页脚在我的网站底部隐藏内容。
、
、
我已经为Wordpress网站创建了一个粘性页脚。我给了这个部分ID #formfooter,并使用了以下CSS: #formfooter{ position:fixed; bottom: 0px; width: 100%; z-index: 999; } 现在,我想相应地扩展高度。当用户向下滚动到底部时,粘性页脚会覆盖底部的内容。我怎么才能让它向下滚动一点呢?
浏览 0
提问于2018-12-10
得票数 1
回答已采纳
1
回答
创建高度以百分比定义的可滚动内容区域时出现问题
、
、
、
我们正在创建一个具有页眉、内容和页脚的网页。页眉和页脚应该始终可见,内容应该是可滚动的。容器div有固定的宽度,但没有固定的高度。我解决了页脚留在最后的问题,使用css的粘性页脚()内容区域被分成两部分(content1和content2),并且有一个灵活的可滚动的div。 问题是,内容区域的高度并不是绝对定义的(即100%)。我们希望当content1或content2中的数据超过屏幕尺寸时,它会自动溢出到自己的独立滚动条中,并且页眉和页脚仍然可见。 我们希望避免使用iframe。有没有什么办法,我们可以用javascript (jquery或其他)来实现呢?我们受到goole docs主页
浏览 3
提问于2009-07-29
得票数 1
1
回答
动态页面上的粘性页脚- IE6问题
、
、
、
我有一个页面,它有一个粘性页脚,使用这个方法: 页面是通过Javascript动态创建的,除了IE6 (不幸的是,我必须支持这个愚蠢的浏览器),所有的浏览器都可以完美地使用我的粘性页脚。页脚移动到窗口底部并停留在那里(页面延伸到超出窗口大小的位置),因此当您滚动时,页脚保持在中心位置。 下面是我的粘性页脚的相关html代码: <div class="container"> <div class="header">...</div> <div class="navigation">...<
浏览 2
提问于2012-10-01
得票数 0
1
回答
带有粘性页眉和粘性页脚项的RecyclerView
、
我正在尝试创建一个类似于以下结构的RecyclerView: 它应该是一个分段的 RecyclerView,具有粘性页眉和粘性页脚。 对于其他words...each部分(或条目),应该有一个具有可滚动内容的粘性页眉和一个粘性页脚。 有谁知道如何做到这一点吗? 提前感谢!
浏览 9
提问于2017-04-24
得票数 1
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
回答
当内容滚动经过视口时,CSS背景不可见
、
、
、
、
我正在尝试创建一个css背景,无论内容高度如何,它在任何时候都是100%高的,并且当内容足够长以创建滚动条时,背景颜色在您滚动时保持不变。 无论我尝试哪种最小高度和高度的组合,我似乎都不能让它正常工作。 当我使用Tailwind的h-screen类时,当内容小于视区时,它会填充到页面的底部,但当有滚动条时,背景会在滚动的部分消失。 我在parent div/body/html上尝试了h-full和min-height: 100%的各种组合,但似乎都不起作用。 下面是一个有效的示例: https://jsfiddle.net/t30wo6uk/3/ 以下是演示的两个问题的屏幕截图: h-scr
浏览 29
提问于2021-08-03
得票数 0
回答已采纳
5
回答
滚动窗口到可内容块的当前行
、
、
我有一个很简单的有粘性页脚的表格 <div contenteditable>Start typing ...</div> <div class="sticky-footer"> <button>Submit</button> </div> 当文本到达页脚时,它就在它下面。 因此,如果某些内容在键入时重叠,则我正在寻找自动滚动窗口的简单解决方案。 编辑 如果contenteditable div有自己的滚动条,我想这不是一个问题,但是有一个全局滚动条的解决方案吗?
浏览 0
提问于2018-07-13
得票数 4
回答已采纳
3
回答
CSS粘性页脚-当内容div包含大量文本时没有滚动条
、
、
、
、
我正在尝试建立一个粘性的页脚。我看了一下ryanfaits的版本,然后看看这个 最后一种方法运行得很好,但问题是,当我在content-div中放入大量内容时,页脚会向下移动,content-div中没有滚动条。我尝试在content-div中设置最小高度、最大高度、高度,当然还有overflow=auto和overflow-y。最后一个显示了至少一个禁用的滚动条,但仍然不能工作。 有什么想法吗?我很沮丧:( 非常感谢!罗恩
浏览 3
提问于2011-08-27
得票数 0
6
回答
当页面未满时将页脚推到底部
、
、
、
我正在开发一个移动网络应用程序。这是从上到下的主要结构:页眉div,菜单div,内容div,脚注div。页眉、菜单和页脚是固定不变的,页面使用ajax加载到content div中。 有些页面有很多内容,它们填满了页面,因此需要滚动。有些页面只有一行或两行内容,因此它们留下了很大的空白部分(不一定是不同的页面-例如,一个页面显示订单列表,您可以没有订单,也可以有数百个……)。 这就是我想要实现的:如果页面没有充满内容,页脚将在页面的底部。如果页面已满并且需要滚动,则页脚将紧跟在内容之后(因此您向下滚动页面,最后到达页脚)。 粘性页脚解决方案对我来说并不好,因为我不希望页脚总是停留在底部,只有在
浏览 1
提问于2013-04-28
得票数 13
1
回答
粘性页脚不会粘在动态Rails内容下面。
、
这是一个常见的问题,首先,让我们来看看为什么我认为这是独一无二的。在阅读了无数答案之后,我看到了一些创建粘性页脚的不同策略--所有这些都需要将CSS中的html, body设置为100%,然后将页脚定位在下面。 这个粘性页脚应该定位在我的Rails应用程序的页面内容下面。因此,动态内容的实例(即博客文章)将比viewport运行得更长。 我的粘性页脚在任何具有静态内容(或者不需要滚动)的页面上都能很好地工作,但是会始终将自己放在初始视图的末尾,这使得滚动时它看起来就像在页面的中间。我不能编码,因为这些帖子是动态的,但是这里是一个。 在我的CSS中,我控制页面包装和页脚,如下所示: *
浏览 2
提问于2016-07-27
得票数 0
回答已采纳
1
回答
是否可能有一个具有可滚动内容区域的自动高度页脚?
、
、
、
我正在尝试创建一个包含两个部分的容器--顶部将是一个滚动div,占其容器垂直高度的100%,减去一个粘性页脚的高度。粘性页脚不能有硬编码的高度(因为它将以两种不同的高度在两种模式下工作),这正是我遇到麻烦的地方。如果可能的话,我宁愿不使用js,只使用css。 <div class="container"> <div class="scrollArea"> a<br/>b<br/>c<br/>d<br/> a<br/>b<br/>c<
浏览 1
提问于2013-10-04
得票数 0
1
回答
webkit粘性页脚菜单
、
、
、
、
我想为web应用程序创建一个粘性页脚菜单(-webkit/-moz)。查看屏幕截图。iphone的蓝色区域边框,红色区域代表内容,底部的灰色区域是页脚。 屏幕1: 开始屏幕。完整的内容与粘性页脚在窗口底部,我可以通过位置:固定。 屏幕2:实际所需的行为如果页面内容向下滚动,页脚应该停留在窗口的底部。这就是我需要的。 屏幕3:当前行为与位置:已修复这是当前行为,如果我滚动页面,整个内容将向上移动,包括底部的粘性页脚。 我想要一个网络应用程序,行为类似于ipod库。修复了底部的菜单和上方的可滚动内容。有什么解决方案吗?
浏览 1
提问于2011-02-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
回答已采纳
1
回答
CSS - Height: 100% vs min-height: 100%;
、
因此,在我的代码中,我有一个粘性页脚。粘性页脚的#wrap容器的min-height为100%。但是在min-height中,你不能在包装div中的对象上使用height:100%。 所以我添加了height:100%,但当窗口高度太小时,它会使页脚滚动到换行div中的内容上,从而扰乱布局。 有人有解决这个问题的办法吗? <div id="wrap"> <div id="main"> <div id="content"> </div> </di
浏览 0
提问于2012-12-23
得票数 4
回答已采纳
1
回答
在ionic2+bootstrap4中滚动时,粘性页脚与屏幕一起移动
、
、
、
、
我正在使用ionic2和bootstrap来制作PWA。我使用了“我的离子材料设计”主题。 我正面临着实现粘性页脚的问题。我试过用bootstrap代码,但问题是粘性页脚随着屏幕移动。我怎么才能修复它总是在屏幕的底部。任何人请帮帮忙。 .footer { position: fixed; left: 0; bottom: 0; width: 100%; background-color: red; color: white; text-align: center; } <div class=" b
浏览 25
提问于2019-03-24
得票数 1
2
回答
使用overflow auto设置div中绝对位置的高度
、
、
我有一个粘性脚注的问题,它有绝对位置, <div class="wrapper"> <div class="content"> <p>Content</p> </div> <div class="footer"> Footer </div> </div> body { height: 100%; min-height: 100%; overflow: hidden;
浏览 2
提问于2014-11-13
得票数 0
1
回答
当粘性元件到达粘着位置时改变它的外观
、
、
我已经创建了一个底部div,这是一直存在时,滚动网站。它的“自然”停止就在页脚后面。当我滚动,它不是在页脚,它是有点透明。然而,我想做的是,当粘性div到达底部(即它的“真”位置),然后背景变化或类似的东西。 如果不使用JS或诸如此类的东西,这有可能吗? 用小提琴更新: HTML: <div class="largeDiv"></div> <div class="stickyDiv">Test</div> CSS: .largeDiv { height: 1500px; width: 100%; ba
浏览 0
提问于2020-03-29
得票数 2
回答已采纳
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
回答
页脚不会转到浏览器页面的最底部。
、
我已经插入了页脚,但是当我打开网页的预览时,页脚在底部,但是一旦我向下滚动,它就被卡在页面中的一个位置上。我不希望它是固定的或粘性的,只是希望它能在用户滚动到页面底部后查看。 以下是我的html中的脚注div标记 <div id="footer"> FOOTER </div> 此页脚的css如下所示 #footer { height: 50px; position:absolute; bottom:0px; left:0px; width:100%; } 我不知道我是否与页面上的其他位置有问题,导致页脚停留在一
浏览 4
提问于2015-10-11
得票数 1
回答已采纳
2
回答
在页面内容底部之前停止350px的Jquery粘性页脚
、
、
我如何用Jquery制作一个粘性页脚,直到内容结束前达到350px,才能粘在浏览器底部。基本上,我在内容的底部有另一个大页脚,我希望粘性页脚保持粘性,直到你滚动到350px的页脚,它将留在最后一个页脚的顶部,这样你就可以阅读内容了 基本上就像做一个粘性页脚,然后在内容底部之前的350px,停止粘性页脚,使其与页面一起滚动。 我在网上找到了这段代码,但我知道代码可以找出内容的结尾,而不是可视浏览器的结尾。它可以作为一般的粘性页脚( different...Although )工作。 $(function(){ positionFooter(); function positionFooter(
浏览 0
提问于2012-11-28
得票数 1
回答已采纳
1
回答
如何创建一个真正的粘性页眉/页脚使用Tailwindcss (粘住底部,即使滚动)?
、
许多博客和帖子都声称使用Tailwindcss创建了一个“粘性页脚”,但是没有一个我能想到的例子,就是有一个简短的"hello world“内容行: 例如,在这些示例中,如果主区域的高度足以滚动,那么页脚就不会“粘住”。 ..。还有几个代码相关的例子。 是否有一种使用Tailwindcss创建一个小页脚的方法,即无论主内容区域有多长,都要在屏幕上显示?
浏览 23
提问于2021-06-26
得票数 6
回答已采纳
1
回答
将元素宽度调整为父元素中的滚动条
、
、
我有一张卡片里面有一堆文字。如果文本对于卡片太大,我想添加一个滚动条。卡片也有页脚。我的问题是,如果有滚动条,我希望页脚稍微缩小。我不想我的脚出现在滚动条下面。 在实际应用程序中,页脚类似于Microsoft Word标尺: 我可以将页脚放在overflow-y区域中,但是它不再是粘性的(总是可见的)。 以下是代码: #box { width: 300px; height: 300px; display: flex; flex-direction: column; } #content { flex: 1 1 auto; overflow-y:
浏览 2
提问于2018-10-19
得票数 0
回答已采纳
2
回答
使用Css创建粘性页脚
、
你好,我试图创建粘性页脚,正如愉快的文章所描述的那样。但是我在浏览器上得到滚动条,我的页脚滑出了屏幕的边框。这是我的代码: Html: <div id="page"> <div id="header"> <div id="main_menu"> </div> </div> <div id="content"> fdsfsdfsdfsd
浏览 2
提问于2015-05-31
得票数 0
回答已采纳
2
回答
如果页短于窗口,则未知div将长度添加到页中。
、
、
我试图在我的网站上放置一个粘性页脚。不是一个“贴在窗口底部,不管你滚动多少”的页脚,而是一个“不管页面多长时间,页脚都会在窗口底部,只要你一直向下滚动”粘性页脚。 我尝试过在网络上实现4-5个不同的版本,但我遇到了一个问题: 每当我有一个小于(用户浏览器的高度)的页面时,该页面将在内容之后、页脚之前添加大约100 if,然后您将看到您的页面,一个很大的空白,然后如果您向下滚动,页脚。 下面是一个有问题的页面: 下面是代码的简写版本: <head>...snip...</head> <div id="wrap">Content Here<
浏览 2
提问于2013-07-21
得票数 0
1
回答
滚动-y-容器中的粘性页脚取决于内容的高度
、
、
、
我们有一个带有overflow-y:scroll的容器,它必须有一个粘性的页脚(底部0),除非滚动容器内的内容+页脚的高度(这是动态的)大于容器的高度。 HTML: <div class="wrapper"> <div class="scroll"> <div class="content"> Lorem ipsum dolor sit amet </div> <div class="footer"> This must sti
浏览 0
提问于2018-11-20
得票数 1
回答已采纳
1
回答
带有可伸缩div的粘性页眉和页脚
、
我正在尝试实现一个固定的页眉和页脚与内部主要内容,以滚动页眉和页脚,并固定正确的导航。 唯一能接近这一点的方法是尝试,但我必须将高度设置为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
回答已采纳
1
回答
其他div中的粘性页脚
、
、
、
我有一个给定的HTML结构,并且不能真正设法将它更改为将页脚放在包装器div上,而不是其他东西,因此“经典”粘性页脚代码不起作用。结构如下: <body> <div></div> <div> <sidebar></sidebar> <maincontent> <div></div> <div></div> <div></div&
浏览 3
提问于2014-12-14
得票数 1
5
回答
Flexbox兼容水平预滚动/代码滚动
、
、
我在引导容器中的pre和code标记中有一些代码,我想要水平滚动。这通常很好,直到我添加了一个柔性盒到我的页面的body,以完成一个粘性页脚。在此之后,当页面变窄(例如用于移动查看)时,code不再水平滚动。 下面是我的代码(请注意,当您缩小窗口时,code的水平滚动条就会消失): html, body { height: 100%; } body { min-height: 100%; display: flex; flex-direction: column; } code { max-height: 200px; background-
浏览 6
提问于2016-02-04
得票数 17
回答已采纳
2
回答
防止引导粘贴页脚允许内容在下面滑动
、
我在我的页面底部有一个粘性的引导页脚,但是当我向下滚动时,内容隐藏在它下面,例如,您看不到完整的图像。 上面是页脚本身的屏幕截图,它高300‘s,允许内容在其下滑动300’s,这意味着当需要垂直溢出和滚动时,300‘s图像/内容隐藏在粘性页脚下面。如下所示: 而实际的图像是这样的,您可以看到与上面的图像相比,它没有被切断: 我唯一能想到的解决方案是将其他内容从底部设置为300 go,但我要怎么做呢? 提前感谢您的帮助。
浏览 3
提问于2016-09-04
得票数 3
回答已采纳
2
回答
CSS -粘性页脚+边栏问题
、
、
、
我有一些问题与一个网站的布局,有一个标题,内容,“粘性”页脚,和一个侧栏。粘性页脚、页眉和内容组合本身并不是问题,但我无论如何也想不出如何在不破坏页脚“粘性”的情况下添加一个从页眉一直到页脚的侧边栏。 我现在接近它的方式涉及到绝对定位。我基本上创建了一个标题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
回答
反应虚拟化表中的粘性页脚
、
我基本上是想用react虚拟化表:来完成这个任务。 制作粘性页脚,如页眉,具有可滚动的表体。 我在AutoSizer中为header+body和页脚创建了两个表。但是,当第一个表有滚动:时,我的页脚宽度不正确。我怎么才能修好它?或者用另一种方式实现粘性页脚。 <AutoSizer> {({ height, width }) => { const tableColumns = this.getColumns(columns, width); return ( <div> <Table
浏览 3
提问于2017-04-12
得票数 1
1
回答
CSS Flexbox或CSS网格,用于页眉、粘性页脚和垂直对齐的中间内容?
、
、
、
我有一个要求,我们有页眉,中段和页脚。 页眉和页脚的高度可以或多或少取决于不同的屏幕大小和内容。 页脚将是粘性的,如果页面不包含滚动,则在屏幕的末尾,如果小屏幕发生滚动,则页脚不应与中间内容重叠。典型的贴纸页脚行为。 中间部分包含两列。每一列内容应该垂直中心对齐。 请参考下面的截图 注:我可以使用普通的粘性页脚和CALC调整高度的主要内容,但它不会是动态的。我不想使用javascript来完成DOMContentLoaded和窗口大小调整的所有数学运算。
浏览 1
提问于2019-02-19
得票数 1
回答已采纳
2
回答
CSS粘性页脚-获取内容边框以扩展到页脚
、
、
我知道有很多关于这方面的问题,但我已经搜索谷歌4天了,似乎没有什么适合我的。我试图实现一个粘性页脚--意思是当没有足够的内容填充屏幕时,页脚在屏幕底部,当有足够的内容填充屏幕时,页脚保持在内容下方,然后向下滚动。 我已经尝试了大约15种不同的粘性页脚解决方案,虽然其中大多数在理论上都是有效的,但我的特殊情况一直困扰着我的内容,它的左右边框应该延伸到页脚。任何涉及推的东西都行不通。 下面是我尝试过的最近一次化身: <div id="container"> <div id="header"> <!--Banner goe
浏览 3
提问于2014-07-18
得票数 0
回答已采纳
3
回答
Flexbox页脚不堆叠在其他div下
、
、
我使用css和Flexbox创建了一个布局,问题是加载页面底部的页脚div显示,但是内容从它旁边跳过,所以当您滚动页脚时,页脚只是浮动在页面的中间。我不知道该换什么。 我已将页脚更改为粘性页脚,将底部更改为0px。它有点工作,调整其他div的边际,但它不是很干净。我希望继续使用flexbox属性,只使用它们堆栈,但这似乎行不通吗?我还调整了其他div的最小最大高度,但是一旦窗口缩小到最小高度,页脚就会漂浮在其余的内容上。 链接到代码 .footer{ height:40px; display:flex; align-items:center; justify-content:center; w
浏览 0
提问于2019-04-01
得票数 2
回答已采纳
1
回答
使用固定的CSS位置制作粘性标题
、
、
、
我需要做一个粘性的标题。我们在computerclass类中用CSS的位置做了一个粘性的脚注:修复了,它工作得很好。但我不能将粘性页脚的代码转置为粘性页眉。固定位置工作,但文章在标题下滚动-这当然不美观。当我应用我在Stackoverflow上发现的CSS代码时,标题的图像移动到屏幕的左下角。这是stackoverflow上的代码: top: 0; left: 0; width: 100%; height: 3.5em; padding:0; margin: 0; 我有一个标题,一些空格,一篇文章和一个旁注。下面是我使用的标题的CSS代码,并在文章下方滚动: CSS: body { w
浏览 0
提问于2016-03-09
得票数 0
2
回答
HTML -设置容器背景和高度@ 100%最小
、
、
、
、
我已经创建了一个简单的,动态的页面使用引导。它有一个粘稠的导航条和一个粘性的页脚。 我有肚脐,页脚和网页内容是黑色的。 I想要,主要的内容区域是白色的&页面的两边根据背景而变黑。 我现在只能通过设置一个身体高度来达到这个目的,而不是使用高度:100%; 请有人帮我看看我现有的代码,看看我做错了什么。 我认为我也没有正确地使用'div推送‘的想法,因为我可以看到页面上的白色推框。 <div id="push"></div> -当内容大于页面时,用户将滚动,但页脚总是粘粘的。我相信这已经奏效了。
浏览 3
提问于2014-03-20
得票数 0
2
回答
CSS粘性页脚-两个水平滚动条?
、
我正在使用教程,在我业余的不完美的尝试中,让完美的粘性页脚工作。 这是一个关于"main“div上的overflow:auto;样式的特定问题。有了这一点,当用户缩小窗口时,我会在页面的中下部看到一个水平滚动条。这个添加的滚动条不能像预期的那样自动出现在窗口的底部吗?
浏览 2
提问于2010-10-05
得票数 2
回答已采纳
2
回答
页面大于屏幕高度时的粘性页脚
、
、
、
我正在做一个有侧边栏的项目,在那个侧边栏里,我想有一个粘性的脚。问题是侧边栏会缩放到主页内容的高度。因此,如果主页内容大于屏幕高度,则当您向下滚动页面时,页脚下会留出很大的空间。 我希望页脚留在屏幕的底部。 希望我的描述是有意义的。 .sidebar { height: 100%; } .card{ display: flex; flex-direction: column; min-height: 90vh; } .card-body{ flex: 1; } .footer{ } <div class="sidebar"
浏览 4
提问于2016-10-13
得票数 0
1
回答
溢出内容时的全宽表头(body)
、
、
html代码: <body> <header style="background-color:green;">header</header> <main> <p>some content</p> <div style="width:2000px">some wide content, makes overflow body</div> <p>some content</p> </mai
浏览 15
提问于2017-07-12
得票数 2
2
回答
引导5条件页脚
我正在寻找一种方法来做一个条件页脚,这样: 如果页面内容比视图的高度短,那么页脚就是.fixed-bottomOtherwise,--它是页面本身的一部分,当你向下滚动到它的时候,你就会到达它。 这类似于粘性顶部,虽然Bootstrap有一个粘性页脚示例,但当我尝试它时,它实际上并不会粘在底部。
浏览 8
提问于2022-01-18
得票数 0
回答已采纳
1
回答
使用react实现页脚,而不是停留在底部
、
、
、
、
我只需要一种方法,使页脚粘性,并留在底部的页面,同时使用反应。 页脚不会停留在页面底部,尽管遵循materialize文档并在我的应用程序中创建了页眉、主页脚格式。 页脚显示正确,但拒绝转到底部(成为粘性页脚)。 下面是app.js的render方法: render() { return ( <React.Fragment> <Header /> <main> ... my stuff here ...
浏览 14
提问于2019-06-28
得票数 0
1
回答
如何使弹出窗口页脚不可滚动
、
、
、
、
我的项目中有一个Kendo窗口,我在其中填充了一些字段。虽然页眉的作用是我想要的,滚动条溢出到页脚。我希望窗口内容是可滚动的,除了页眉和页脚,如下面的图像所示(页脚作为粘性可见)。我该怎么做? 视图: @(Html.Kendo().Window() .Name("winCreate") .Title("New") .Visible(false) .Draggable(true) .Content("Loading...") .LoadContentFrom("Create",
浏览 5
提问于2015-06-02
得票数 1
回答已采纳
1
回答
在固定位置创建粘性分区的问题
、
、
、
我尝试用下面的代码制作一个粘性的DIV,但是它并不像预期的那样工作。当我向下滚动,DIV是粘性的,但它重叠到网站的标题以及页脚。如何使用CSS/JS解决这个问题?任何帮助都会appreciable.Thanks。 .a{ float: left; width: 67%; } .b{ width: 32%; float: right; position: fixed; right: 0; } .c{ width: 100%; } <div class="c"> <div class="a"
浏览 3
提问于2020-07-08
得票数 2
回答已采纳
3
回答
iPhone: webkit中的粘性屏幕页眉或页脚
、
、
有没有可能创建一个粘性的页眉或页脚,这样无论你在哪里滚动页眉/页脚都会保持原样?我正在寻找一个HTML/css/javascript的iPhone/webkit解决方案。
浏览 1
提问于2009-09-22
得票数 1
回答已采纳
2
回答
使用footer.php文件创建粘性页脚
、
、
如何使用页脚创建粘性页脚示例当我创建一个footer.php文件并将其包含到主页时,如何使其成为粘性页脚我的搜索,创建粘性页脚的最好方法是使用file.For标签,如以下代码所示。 <div class="wrapper"> <header>header</header> <div class="main"> vfdgdgdgdf </div> <div class="push"></div> </div&
浏览 2
提问于2015-07-14
得票数 1
3
回答
内列CSS 100%高度
、
、
、
更新: 为了澄清,页脚应该在页面的底部,并且页面应该在任何时候都有100%的高度,所以中间行应该相应地进行调整。没有任何东西应该与页脚重叠,而页脚不应该重叠任何东西。本质上,如果您有一个具有100%高度的两行表,您将很容易做到这一点。 这是一个问题,一个100%高度的div,在一个div内100%,一些文本被撞下来。 是否有方法使内部div的高度相对于其包含div的高度? 原始员额如下 我试图得到两个内列有一个100%的高度,而不是干扰粘性页脚。到目前为止,我已经有了与主容器相关的粘性页脚,但是很难将#content、#col1和#col2的高度与#容器的高度相匹配,而不松开粘性页脚。
浏览 2
提问于2011-10-25
得票数 3
回答已采纳
1
回答
当某个div存在时,如何隐藏元素?
、
当滑块或页脚滚动时,我想隐藏我的粘性按钮。 我试过这个代码: $(window).scroll(function() { if ($(this).scrollTop() < 250) { $("#sticky-button").css({ 'display': 'none' }); } }); 因此,这样做是隐藏我的粘性按钮,当它是低于250 it滚动高度。 但在手机上,我意识到它不起作用,因为250 is在移动设备上是一个相当大的高度。 那么,如何让它在特定的div
浏览 2
提问于2019-11-07
得票数 1
回答已采纳
2
回答
使用html重复背景,使用css粘性页脚将正文高度设置为100%
、
、
、
问题 我使用的是一个CSS粘性页脚的实现。它确实是: html,body{ height:100%; } 我使用(想要)使用重复的背景,但是,height:100%导致了这个问题: (图片来自粘性页脚问题,但答案不令人满意) 我的理解是,图像的大小在渲染时会根据窗口的大小进行调整,因此大小永远不会超过窗口大小。 问题 是否可以继续使用我现有的CSS粘性页脚选择,并在长页面上完全呈现重复的背景图像 或 有没有另外一种支持重复背景的CSS粘性页脚? 以供参考 <div id="wrap"> <div id="header">
浏览 2
提问于2012-07-23
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
网页太长对用户体验的负面影响
不要在网站上无限滚动!
CSS浮动和清除
极速编程 native-react(3)
CSS粘性定位是怎样工作的每日前端夜话0x1F
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券