2回答
我目前正在开发一个使用Elementor的网站。我试着使用一个单独的插件(Elementor &Header)集成一个页脚，但是，如果只有很少或没有内容，那么页脚就不会粘在页面的底部。
由于这似乎是一个常见的问题，我通过添加以下代码解决了这个问题：
div.footer-width-fixer {
position: fixed;
bottom: 0;
}
现在，页脚粘在页面底部，但是，还有另外两个问题：
页脚与页面底部的内容重叠(见附件图像)。
页脚很粘，虽然我没有把它设置成这样。我只希望页脚出现在页面底部，而不是当访问者滚动的时候。
有什么办
浏览 9提问于2022-09-29得票数 0
2回答
我如何放置一个div，直到滚动条到达页脚，然后它就是内容div的position: absolute; bottom: 0;。
我希望div总是粘在视窗的底部，然后粘在内容div的底部，而不是覆盖我的页脚。
指南针/sass解决方案的加分！
浏览 2提问于2011-11-04得票数 0
回答已采纳
3回答
当我设置容器元素时，我有一个问题：
position: absolute;
left: 10px;
bottom: 15px;
并初始化可拖动，元素的底部被粘在边框上，基本上是调整大小而不是拖动。
那我该怎么办呢？
浏览 0提问于2014-01-29得票数 0
3回答
选择高度的IE7问题
、、、、
height: 22px;
在所有浏览器中，除了IE7之外，文本都是垂直居中对齐的。
我尝试了这些CSS规则，但没有成功：
display: inline-block;
vertical-align: middle;
line-height: 12px;
padding:0 0 3px 0;
在IE7中，文本会粘在底部。
我不会考虑为IE7标准设置元标记。
有什么办法可以解决这个问题吗？
浏览 2提问于2013-03-12得票数 3
我有一个柔性盒导航菜单在我的角度6项目，我想改变背景颜色时，菜单是粘在顶部。
这是我想要的样品，
以下是我到目前为止所拥有的：
下面是css用于使用position: sticky的粘性菜单
.main-nav-sticky{
background-color: white;
}
.main-nav {
margin-top: 100px;
position: sticky;
align-items: center;
justify-content: space-around;
top: 0;
left: 0;
display: flex;
height
浏览 0提问于2018-08-14得票数 0
回答已采纳
1回答
每当用户滚动到页面底部时，我都试图通过动画转换来更改我的幻灯片元素的位置。我遇到的问题是，我不知道如何将定位从flex切换到relative。slip元素需要位于页脚的上方。
我成功地实现了这一点，只切换类，但我不喜欢抽搐动画，所以我想添加一些过渡，但现在我不知道如何使它粘在页脚之上。
当用户滚动到页面底部时，我如何使幻灯片元素粘在页脚的顶部，而不是固定的？目标是通过平稳的过渡/动画来实现这一点。
这是我的
浏览 2提问于2021-03-04得票数 0
回答已采纳
我正在使用自定义布局实现CollectionView。它有垂直滚动功能。我想让一些单元格在滚动时会粘在顶部，就像tableView中的节标题。
这个想法是用时间来创建day collectionView。虽然用户将滚动思考时间，但当前小时将被粘贴到顶部(如果它将不可见并被顶部隐藏)。它将仅当当前小时隐藏在顶部时，而不是底部隐藏。而其他项目应该像往常一样可以滚动。我认为我不应该在这里使用supplementaryViews
这是可能的吗?我该怎么做？
浏览 0提问于2015-10-06得票数 0
2回答
我一直在疯狂地试图实现这一点，但我就是搞不明白(初学者)。
正如你所看到的，当你向下滚动时，顶部的部分会粘在页面的顶部，但也会溢出一点。这是用粘胶做的。我也想对头部底部做同样的事情，在滚动几个像素后，把它“沉”在页面底部，这样就有了更多的可见度，但是不管我怎么做，它都不能工作。
如果有人能帮忙，我会很感激的。
下面是上面部分的代码：
#head {
z-index:101;
display: block;
position: absolute;
bottom: 20%;
width:100%;
margin:0 auto;
right:
浏览 6提问于2014-11-04得票数 2
回答已采纳
我试了又试，但我找不到一些插件，可以在页面上显示/粘贴框。就像粘性的社交图标/书签一样，粘在左边并浮动。我怎样才能做到这一点呢？
浏览 0提问于2012-10-25得票数 1
3回答
我如何使页脚(页脚标签)粘在屏幕的底部，但不粘在屏幕上？如果我在1080 p显示器上，该网站没有滚动。当我试用1366x768时，这个网站就可以滚动了。我希望页脚比内容低100 of，因为现在页脚在内容的顶部。以下是我的HTML结构：
<body>
<div id="container">
<div id="header"></div>
<div id="body"></div>
<footer></f
浏览 5提问于2015-01-07得票数 0
回答已采纳
我正在尝试添加一个粘性元素，只有当它进入视口时才会留在页面的底部。其思想是将元素放在页面中间的某个位置，并且在用户访问页面时不会立即显示。 这是我到目前为止的进展： div {
height: 300px;
}
.sticky {
position: -webkit-sticky;
position: sticky;
bottom: 0;
height: 30px;
width: 100vw;
background: yellow;
} <div style="background: red;">Scroll</div>
浏览 31提问于2019-02-01得票数 9
回答已采纳
我有一个TGroupBox作为父级，我想在它里面放一个按钮，这样按钮就会粘在groupbox的右上角。
问题是，TGroupBox没有OnResize方法，所以我不知道如何告诉按钮在调整groupbox大小后应该移动到哪里。
有没有办法做到这一点呢？
谢谢
浏览 3提问于2010-02-08得票数 1
回答已采纳
3回答
我得到了我正在尝试申请的。注意，<html>元素有一个背景图像(手在空中)，它粘在页面的底部。
但是，当我将css文件迁移到我的应用程序时，由于某种原因，此图像显示在页面的中下部。我已经检查了相关的CSS，在这两种情况下都是：
html {
background-attachment: fixed;
background-clip: border-box;
background-color: transparent;
background-image: url("../../img/bg.svg");
background-orig
浏览 4提问于2012-12-02得票数 2
回答已采纳
2回答
持久页眉和页脚
、、、
我有两个宽度为100%的div。我希望第一个总是在所有内容的顶部，我希望第二个总是在所有内容的底部。我该怎么做呢？最好使用纯CSS，但如果需要，我会尝试jQuery/JS解决方案。
我尝试使用include(" header.php ")；添加标题，而header.php只包含标题的HTML代码。但是，它不起作用，但是将确切代码放在include的位置可以很好地工作。我该如何解决这个问题呢？
浏览 0提问于2011-02-14得票数 0
回答已采纳
3回答
就像标题告诉你的，我对Chrome有一些问题。
我有一个背景酒窝，涵盖100%的宽度和高度自动的褐变尺寸。该职位被设置为固定位置。这在所有浏览器中都很好。但我想让我的脚固定位置，它只是不想停留在页面底部的Chrome！
它在底部，只要我不滚动。当我滚动时，脚毛就会上升。它只在Chrome中起这种作用。有谁知道我怎么修好它的吗？
另一件事是，我有一些类似于以下内容的javascript：
function showContent() {
document.getElementById('showbox').style.marginTop = '20px';
浏览 6提问于2012-05-25得票数 0
根据其他答案中给出的解决方案，将粘性内容放在滚动视图之外。但是当我将粘滞按钮放在滚动视图之外，当软键盘弹出时，粘滞按钮会弹出到内容的顶部，因为它不在scrollView中。理想情况下，按钮应该粘在底部，即使在键盘弹出后，即它应该在键盘后面。请查看所附URL中的视频。 https://filebin.net/e7ek1zkt9840f9lw 相关小吃包括： https://snack.expo.io/qtTC4tvTE
浏览 35提问于2021-01-02得票数 2
我试图让我的底部页眉粘在我的iframe应用程序内的屏幕底部，并让它始终显示在用户的视图中，即使页面正在滚动。我无法控制外部iframe，因为它在不同的域上。报头本身必须在iframe内，因为我在iframe之外没有控制权。iframe始终扩展到其内容的高度，因此它没有滚动条，但该条仍然必须始终在视口中可见。
另一件需要注意的事情: iframe的高度应该与其内容的高度相同，这样就不需要滚动条了。
浏览 4提问于2010-04-04得票数 3
我试图让一个侧边栏div坐在页眉下面，当你向下滚动时，它会变成一个固定的div，并保持固定，直到页面的底部，一旦它到达页脚部分，它将粘在它的顶部，并允许我向下滚动页脚区域而不再看到它。
我在这个网站上尝试描述的东西有一个完美的典范
在左列中，当您向下滚动，然后在底部解开时，它会保持不变。
我正在寻找一个好的方法来做到这一点，希望是一个例子或教程，我意识到这是通过javascript改变div属性来完成的。我试着搜索，但我能找到的都是超过5-6岁的过时文章，它们只做了一半的工作。我甚至不确定这个功能该叫什么？
浏览 0提问于2011-11-01得票数 3
回答已采纳
是否可以让react-virtualized Collection中的单元格内容在滚动时粘在一侧？我通常使用position sticky来做这件事，但这对Collection中的内容不起作用。
我正在构建一个网格电视指南，如下图所示。滚动时，一行最左侧可见单元格的内容应停留在屏幕的左侧。
我可以在不使用react-virtualized的情况下让它工作，但是在滚动了指南一段时间后，太多的数据被渲染，页面变得非常慢。
你们有人能帮我吗？我会非常感激的。
提前谢谢你！
浏览 3提问于2018-11-23得票数 1
1回答
我试图将一个元素固定到窗口的底部，但是，一旦元素容器开始向上滚动并滚出视区，元素就会从窗口中的position: fixed;中移除，并将自己固定在容器的底部。
我已经设置了一个JSFiddle，它演示了我试图组合在一起的两个场景。有谁知道我该如何做到这一点吗？
浏览 0提问于2016-04-15得票数 0
A有一个带有absolute定位的下拉菜单的页面.当菜单可见时，它比body高，因此它在footer下面创建了一些空白，该空白位于body的bottom (bottom:0)中。
预期的行为是，footer向下滚动到滚动区域的底部，在滚动到底部后才能看到。
如何在显示下拉菜单时强迫body增加其高度，或者如何使页脚位于底部？当显示高div时，窗口中有一个滚动条，但是footer不在滚动内容的底部。我不想使用position: fixed，因为页脚粘在窗口的底部，并且总是可见的。
<div style="position:relative">
<d
浏览 6提问于2017-04-08得票数 1
回答已采纳
2回答
有没有人知道像position: fixed元素一样把页脚粘在div底部的方法。我发现的所有方法都把它放在起始视图的底部，或者放在底部，所以你必须一直向下滚动才能看到它们。
我尝试过将父对象设置为position:relative，将子对象设置为position: absolute，也使用了display: table-cell和vertical-align: bottom，但都没有在滚动时将其固定在原地，而是在div底部或默认视图的底部保持不动。
.a{
position:relative;
background-color:#ccc;
width:500px;
min-
浏览 1提问于2015-11-10得票数 2
回答已采纳
1回答
如何使边栏粘在页面卷轴上？
<div class="header">This is header</div>
<div class="row category-page">
<div class="category-filter col-2">Filter</div>
<div class="category-content col-10">ontent</div>
</div>
<div cl
浏览 3提问于2022-08-22得票数 0
1回答
我在我的网站上安装了hc-粘滞插件，我可以使用这段代码使它在滚动的侧边栏上工作：
<script type="text/javascript">
jQuery(document).ready(function($){
$('.panel-rand').hcSticky({
stickTo: document,
responsive: true,
bottomEnd: 985,
innerTop: 12,
offResolutions: [-1200]
浏览 4提问于2015-03-24得票数 0
回答已采纳
1回答
如何修复/粘贴卷轴上的标题行？
、、、、
我希望在页面滚动期间修复/粘贴标题"top“行(而不是中间行和底部行)。我还为顶层行创建了一个类。这是我的头代码：
浏览 5提问于2020-05-14得票数 0
回答已采纳
1回答
弹性页脚
、
如何使页脚容器直接跟随内容，然后延伸到页面底部？
设置如下：
header-container是固定的150 be heightcontent-container拉伸，无论内容是什么，insidefooter-container后面都是页面的其余部分。
到目前为止，我要么直接在内容后面有页脚，然后跟着空白，要么在内容和页脚之间用空白粘在底部的页脚。
浏览 2提问于2010-02-23得票数 0
2回答
我很难让position: sticky在(相对)高内容的页面上工作。下面我设置了一个简单的页面，其内容模拟为div，是viewport高度的两倍。粘性.palette在页面中正确跟踪，直到最后几十个像素从屏幕顶部掉下来。
body, html {
margin: 0;
width: 100%;
height: 100%;
background: #334;
}
.palette {
position: sticky;
top: 0;
width: 300px;
height: 20px;
background: orange;
border-radius: 5px;
浏览 0提问于2019-08-08得票数 0
回答已采纳
1回答
我正在尝试创建一个底部对齐，流畅的宽度粘性页脚，其中包含三个与容器相同高度的链接，这些链接也具有流畅的宽度。
我已经创建了这个页脚的顶部对齐版本，其中的链接不是其容器的完整高度。如果我将容器的底部设置为零，它就会断开。我把代码放在这里：
如何修改已有的内容，使容器的底边与窗口的底部齐平，并使链接与容器的高度相同？
我知道如何通过jquery做到这一点，但如果可能的话，我会尽量避免使用js。
谢谢你的帮助。
编辑:这是我想出的一个jquery解决方案，如果有人想看没有答案的话。
浏览 0提问于2012-05-22得票数 1
回答已采纳
3回答
在网站上，页脚在每个浏览器中看起来都很好。然而，在chrome中，它不会接触到框架的底部。为什么会这样呢。这应该是一个简单的修复，但我只是不知道为什么它不会工作。
*它应该粘在我的div的底部。不是我的页面。
浏览 1提问于2012-01-09得票数 1
我已经写了一个“粘性”页脚的CSS，这意味着页脚总是粘在页面的底部。下面是同样的CSS -
footer {
clear: both;
position: relative;
background-color: #e9eef2;
min-height: 135px;
width: 100%;
text-align: center;
}
这在除Safari之外的所有浏览器中都有效。在safari中，它不会粘在底部，只出现在内容结束的地方。请帮帮我！
浏览 1提问于2017-12-29得票数 0
1回答
看来我今天对CSS有点生疏了。搜索堆叠溢出，但大多数类似的问题没有任何好的答案。
在提供的代码中，我希望在#content div中添加一个侧栏。我也希望页脚坚持在底部，即使没有文本的内容。注意，我做的是，而不是，我想要一个position:fixed;页脚。只是一个页脚，保存在底部，如果没有文本在页面上。
我试着使用float属性创建一个侧边栏，但是这会导致页脚不粘在底部。
我如何“将”内容分成两个div，并使其中一个div成为左侧的侧边栏。
这就是我想要达到的目标：
浏览 2提问于2016-08-31得票数 1
回答已采纳
1回答
我有一个关于doctype声明的奇怪问题。我希望我的页脚贴在页面的底部。当我声明doctype时，它不会发生。当我删除doctype时，footer会粘在底部。
代码-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" co
浏览 3提问于2013-09-07得票数 0
2回答
好的，所以我已经使用了常见的"push“方法和页脚，以确保它停留在页面的底部……然而，现在在容器和页脚之间有一个不必要的间隙，这意味着总是有一个向下滚动，即使没有内容将其向下推。我希望如果没有内容，页脚会很好地粘在网站的底部。
有没有其他人发现了这一点，并能够解决它？
提前感谢:)
浏览 2提问于2012-07-04得票数 2
2回答
我正在开发一个朋友的商店，我想使“添加到购物车的DIV”修复时，用户滚动后它。因为我远不是一个CSS专家，所以我面临着它的问题。 我尝试使用JS将" position : fixed“添加到div中，但我不能这样做，因为div有一个相对位置，更改它会修复所有div元素的混乱 this is the link 这是我想要修复的div ( div id是rightcol)： ? 我还想让div在footer之前停止 提前感谢
浏览 26提问于2019-03-17得票数 3
我的设计师想出了以下设计方案：
然而，我并不完全确定如何让文本像你在中间看到的那样粘在底部。我认为我可以这样做(内联css仅供参考)：
<div style="vertical-align: bottom; height:30px;">
<h2 style="line-height: 15px;font-size: 15px;padding: 0; margin:0;">
Foo bar foo
</h2>
</div>
有什么建议吗？
浏览 2提问于2012-03-17得票数 0
回答已采纳
我创建了一个UIView并像这样设置了它的布局
在上面的UIView中，我创建了另一个小UIView，并设置如下布局
我像这样改变了UIView的高度
但是small UIView不会根据它的父UIView高度自动调整，它会一直粘在底部。我希望无论父UIView UIView是什么，小的高度总是坚持它的父高度。我该怎么做呢？
浏览 0提问于2017-08-07得票数 0
2回答
我使用来滚动内容，然后在它到达某一列的内容末尾时进行修复。
在我的网站上有一些粘性工具包运行良好的例子：，
然而，我遇到了一个问题，当你到达的底部时，右边的内容正在消失吗？我不明白为什么，因为它使用了与其他帖子内容完全相同的代码。
我已经查看了粘滞工具包的引用，它说添加一个sticky_kit:recalc应该有助于解决这样的问题。但这并没有起到任何作用。
下面是我的代码：
$(document.body).trigger("sticky_kit:recalc");
$("#single__images, #single__content").stick_in_
浏览 2提问于2015-09-23得票数 2
1回答
当您向下滚动时，希望在页面中有一个块。
即
(注：“精美的珠宝设计适合穿着它的女性”，文字块棒，而右侧仍然卷轴)
.sticky { position: sticky; top: 0px; }
这是一个自定义的CSS代码在squarespace中。粘糊糊不起作用了，它在折磨我的大脑。我甚至将溢出更改为可见或自动(不是隐藏)。还是不起作用。粘性甚至不会出现高亮的类似位置:固定做。
浏览 1提问于2019-12-11得票数 0
我正在为我设计的两个网站使用更少的框架4。在这两种设计中，我都想在文档的顶部和底部应用一个5像素的边框。
问题是:由于应用于主体的样式，我将边框底部和边框顶应用于html对象，所以底部边框不会像通常的粘性页脚情况那样粘在页面底部。
以下是这两种情况的截图：
下面是我为html和body使用的(更少的) CSS : pastie.org/private/us5x1vhjnwzq6zsiycnu2g
html {
border-top: solid @black 10px;
border-bottom: solid @black 10px;
backgrou
浏览 9提问于2011-06-05得票数 2
你能看看，告诉我为什么我的绿色<div>不能粘在它的父级可滚动高度的底部吗？我确定这是很简单的事情。提前感谢！
浏览 0提问于2011-06-07得票数 0
回答已采纳
我网站的菜单和侧边栏都很粘。但是，当屏幕大小小于700 in时，所有div都显示在一列中。我已经在css媒体查询中做到了这一点。菜单显示在顶部，主干显示在中间，侧边栏显示在底部。因此，当页面(它的最大宽度=700 So )向下滚动到150 So时，menubar会粘到顶部，因此主栏会因为粘稠的菜单而被隐藏。当侧边栏出现时，它也会粘在顶部。
这是javascript：
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'/>
<script src='s
浏览 7提问于2013-08-11得票数 1
回答已采纳
<div class="topnav">
<div class="container">
<span class="icons">
<a href="#contact"><i class="fa fa-phone"> </i> Contact</a>
</span>
<span class="icons">
<a href="
浏览 0提问于2018-10-08得票数 0
当contentEditable出现在div上时，有人知道如何修复(或者是什么原因) FF中的页面向上/向下的错误吗？
看到一个使用FireFox (3或3.5)导航到的示例，并使用键盘上的页面向上/向下箭头。您应该无法滚动到页面的底部，并且它应该会出现闪烁和跳回。
浏览 6提问于2009-10-10得票数 0
这是我的主视图路由页面。
<template>
<div>
<MobileMain v-if="$vuetify.breakpoint.xsOnly"/>
<Navigation v-else/>
<router-view></router-view>
</div>
</template>
<script>
import Navigation from '../components/Utils/Navigation'
im
浏览 2提问于2022-04-07得票数 0
回答已采纳
1回答
我想做一个粘性的页脚，如果没有足够的内容填满整个页面，它会粘在底部。我已经在CSS中找到了这样做的方法，但是很多都不能翻译成React/Next，因为它涉及到处理html和body标签。我想知道有没有其他的方法。 下面是我的页脚的JSX： <div>
<footer>
<a href={"https://www.instagram.com/linghandmade18/"}>
<i className="fab fa-instagram" />
浏览 8提问于2020-11-10得票数 0
9回答
我已经阅读了文档，我觉得我正在做的正是他们在他们的例子中所显示的东西。但是当我尝试的时候，我就不能让它起作用了。我希望它能以类似于文档的方式工作。它在经过页眉滚动后变成position:fixed，然后一旦它碰到页脚，它就变成position:absolute并粘在底部。
演示：
JS
$("#account-overview-container").affix({
offset: {
top: $("header").outerHeight(true),
bottom: $("footer").oute
浏览 21提问于2013-03-05得票数 19
3回答
在react原生中，我不能使用像float:left或float:right这样的东西，所以我想要将项最左和最右对齐，我该怎么做呢？我在父视图上使用了绝对位置，但是在该视图中，灵活方向和对齐内容空间之间是不工作的，为什么呢？flexbox和绝对定位不能协同工作吗？ 代码： <View style={styles.cardContent}>
<View style={{maxWidth: 175}}>
<Text
style={{
fontSize: 16,
浏览 83提问于2019-10-04得票数 1
回答已采纳
2回答
我不做CSS，我甚至不确定这是什么，所以请原谅我的无知:-)
.examples {
}
.examples b {
font-weight: bold;
}
.examples p {
margin-top: 0.9em;
margin-bottom: 0.9em;
}
我假设上述情况意味着<div class='examples'>中的任何b或p标记都将使用.examples中的样式以及为b或p自定义的任何样式
我可以使用这种约定创建自己的风格吗，就像这样？
.examples mystyle {
}
<div class='e
浏览 0提问于2013-12-15得票数 0
3回答
我需要帮助保持我的页脚粘在底部，但也不要重叠上面的元素。我还是新手/生疏，因为大学毕业后我花了两年时间才找到一份网络工作，所以我没有跟上我应该做的事情。
不管怎么说，这就是我的html的格式。我想让“页脚”卡在底部，这样当他们从底部向上滚动时，它就会留下来。但我也不希望它被推得太高，以至于在它下面留下空白。
我一直在尝试对页脚使用"position: absolute“样式，以使其位于底部。但我刚在某处读到，这使它脱离了常规流程，这就是导致重叠的原因。
那么，我如何重新格式化我的样式，以允许页脚保持在下方，而不是重叠？
HTML：
<html>
<header>
浏览 3提问于2018-04-26得票数 0
2回答
因此，我正在尝试设计一个网页，并试图让页脚始终粘在页面的底部。我确实费劲地做到了这一点，但我找出了我的错误所在。我想知道的是这样做有什么不同，
body {
background: red;
margin:0;
padding:0;
height:100%;
}
#wrapper {
min-height:100%;
position:relative;
}
#header {
background: black;
padding:10px;
}
#content {
background: green;
padd
浏览 0提问于2016-06-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
