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回答
我有一个带有“粘性”标题和侧边栏的网页。每一个都有导航功能。我也有一个页脚。如何在侧边栏中放置内部nav链接？
当我尝试在sidenav中放置内部或外部链接时，这两个链接都不起作用。
浏览 6提问于2012-12-25得票数 0
我在我的项目上有一个粘性的侧边栏，但当你转到页面的底部时，粘性的侧边栏覆盖了我的页脚。
我想要的是，当粘性元素到达页脚时，就停在那里，这样用户就可以看到整个页脚。
代码如下：
var stickySidebar = $('.sticky');
if (stickySidebar.length > 0) {
var stickyHeight = stickySidebar.height(),
sidebarTop = stickySidebar.offset().top;
}
// on scroll move the sidebar
$(wind
浏览 0提问于2015-01-15得票数 0
我使用带有粘性页脚的两列布局。
我试图让侧边栏使用100%的高度，即使页面上没有太多的内容。
我使用了两种技术来做到这一点。第一个是CSS粘性页脚()，第二个是人造列()。
人造列可以很好地保持两列的高度相等，并根据需要扩展其中一列。
我的挑战是，如果您查看这个示例()，您会发现侧边栏没有扩展到整个页面的高度。
我尝试了另一种在这里详细介绍的技术()，您可以在这里看到()，但这意味着如果侧边栏的内容比主区域多，就看不到它。
任何想法，我可以让这两个列增加页面高度根据需要，并一直延伸到页脚，我将不胜感激。
提前谢谢你，
汤姆
浏览 1提问于2012-02-21得票数 1
回答已采纳
2回答
如果页眉和页脚之间的空白处没有内容，我已经完全了解了如何让这个页脚与侧边栏的底部对齐。
粘性页脚不是解决方案，因为我不希望它出现在窗口的底部。而是内联到侧边栏的底部。
这是一个图像，它应该是什么样子的，但没有彩色块在那里的那一刻，他们推动了脚下它现在的位置。
我不能提供太多的代码，因为这是在我的本地服务器上，并被分割和分解成不同的wordpress文件。
正如你所看到的，上面的截图就是我想要的没有内容的侧边栏和页脚。
这是另一个显示我当前问题的屏幕截图，你可以看到它是如何锁住页面上任何内容的底部，并紧贴在其下方的。
提前谢谢。
浏览 0提问于2013-05-10得票数 0
回答已采纳
3回答
我正在尝试创建一个带有固定页眉、固定侧边栏和粘性页脚的示例页面。我希望这一页也能得到响应。
我有一个固定的侧边栏，我有一个右边的边框。我希望边框和侧边栏在页脚开始时立即停止。
我有个有用的小提琴：
下面是我为侧栏使用的css
#sidebar-wrapper {
z-index: 1000;
position: fixed;
left: 250px;
height: 100%;
margin-left: -250px;
overflow-y: auto;
background-color: #FFFFFF;
margin-top: 50px;
border-
浏览 13提问于2015-12-15得票数 0
回答已采纳
1回答
我试图实现这样的网站布局：。
我想加一个页脚。
页脚的工作方式如下:当您滚动到页面的末尾时，有一个页脚会占用页面的所有宽度，如果需要的话可以将侧边栏向上推，会导致侧边栏收缩。因此，本质上，我要做的是用overflow: auto;指定侧栏的高度为页眉底部和页脚顶部之间的距离。
你可以在这里摆弄(有更多解释)：
浏览 4提问于2013-05-24得票数 0
1回答
我有一个侧边栏导航，它工作得很好，直到我添加我的页脚。现在，当我向下滚动时，当我的页脚出现时，它会将粘性的侧边栏向上推，而侧边栏中的标题会消失在标题后面。 我想知道如何保持侧边栏的粘性，即使它下面的元素正在推动它(即。即使向下滚动到页脚，它也要保持在原处)。 我的一个想法是使用z-index让页脚在侧边栏前面通过，而不是推高它，但我以前尝试过的任何东西都没有在这个问题上起作用。 我读了很多关于粘性侧边栏和页脚的文章，发现了一些很棒的模型，比如https://codepen.io/hexagoncircle/pen/oNLZmvV和https://codepen.io/C2P0/full/Ea
浏览 11提问于2021-04-01得票数 4
回答已采纳
4回答
大家好，我看到了所有这些粘性页脚脚本和粘性侧边栏脚本！我想要的是类似的东西，我有一个有页脚的长页，然后在页脚下面有更多的内容，我希望页面只在内容到达页脚时才显示页脚，一旦页脚在屏幕上显示，它就会固定到底部，这样我就可以继续滚动页面并查看“更多的内容”，当回滚回滚时，页脚从底部的固定页脚分离到正常状态！
我附上了一个截图，也许可以帮助更好地解释它！
浏览 9提问于2013-08-07得票数 1
回答已采纳
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回答
我希望放置一个粘性页脚内的内容区域与一个完整高度的侧边栏。
这是我正在处理的页面的副本：
我曾经多次成功地使用过，还有一种使用%s的方法，问题是我有一个100%高的侧边栏(绿色)，我需要在内容div (灰色)的底部有一个页脚(橙色)。
我不能把footer div放在它的父div的底部，也不能强迫它的同级有100%的高度减去footer的高度。这两种方法我都试过了，都没有用。
我可以把页脚放在页面的底部，但这会打乱侧边栏的设计。有人能帮上忙吗？我几乎要求助于javascript了！
浏览 0提问于2013-09-04得票数 0
在Creative Tim的Material Dashboard 2 (free version)的demo中，侧边栏的页脚占据了相当大的空间(高达360px )，如果浏览器窗口不够高，一些菜单项将无法显示。 我有没有可能去掉页脚？ 我可以从导航项目的CSS类中看到，影响的属性是： .navbar-vertical.navbar-expand-xs .navbar-collapse {
height: calc(100vh - 360px);
} 然而，删除侧边栏的页脚(带有.sidenav-footer类的元素)没有任何帮助，360px高仍然占据着空间。如何让侧边栏页脚消失而不占用
浏览 51提问于2021-11-04得票数 1
5回答
让绝对位置的区域增长
、、、
请参阅以下页面作为参考：
我正在设计一个网站，有一个侧栏，其中包含一个手风琴风格的垂直导航栏。包含此手风琴的侧边栏相对于容纳它的容器是绝对定位的。我这样做是为了让侧边栏在顶部、底部和侧边保持粘性。
当您单击products按钮时，accordion将扩展到容器之外，溢出到页脚中。如果我将侧边栏放在左边，它会增长到容纳整个侧边栏，但默认情况下它不会粘在容器的底部。
我需要一个解决方案，让侧边栏的绝对位置，并允许增长，如果手风琴扩展。有什么想法吗？也许是Jquery解决方案？
浏览 0提问于2011-01-07得票数 0
回答已采纳
1回答
对于相同的问题，我尝试了一些包以及jquery解决方案。(我抄袭了这个问题，因为它解释得很好)。但我想让它有反应。救命！
粘性侧边栏:向下滚动时坚持到底部，向上滚动时保持顶部。
侧边栏位于标题下。
当您向下滚动时，侧栏与页面内容保持水平，这样您就可以同时滚动边栏和内容。
到达侧边栏的底部，侧边栏会粘在视口的底部(大多数插件只允许粘贴到顶部，有些插件允许粘贴到底部，但不允许两者兼而有之)。
到达底部，侧边栏位于页脚上方。
当您向上滚动时，侧栏与内容保持水平，这样您就可以再次滚动内容和侧边栏。
到达侧边栏的顶部，侧边栏坚持到视图端口的顶部。
到达顶部，侧边栏位于标题的后
浏览 8提问于2019-12-15得票数 4
2回答
重叠div，绝对相对？
、、、
我正在做的一个wordpress主题有横跨整个内容区域的标题。
这些标题被绝对位于100%宽度的侧边栏所覆盖。
问题是，当侧边栏的内容超过页面的内容时，它会从我的包装器中伸展到页脚的上方，而不会强迫它向下(因为它是绝对的，没有其他东西是绝对的)。
所以我的问题是，如何才能使一个绝对定位的div成为相对的，并本质上“推”下我的页脚，或者有更好的方法来做到这一点？
另外，如果有人有关于如何做到这一点的例子，那就太棒了！
编辑：
侧边栏的位置是绝对的，所以它可以放在侧边栏的顶部。我没有一个在线的例子，因为我正在做一个本地服务器设置，其他的都是相对位置的，可能是浮动的。
图片示例：
浏览 0提问于2010-03-03得票数 1
回答已采纳
2回答
Css布局-重叠div
、、、、
我有一个非常难看的布局，我就是不能解决..
- Left column - Fixed,Static (always in view)
- Right column - Fluid/liquid/scrollable
--- Header - fixed
--- left/main fluid/liquid
--- Right/sidebar - fixed width
--- footer
(如果上面不清楚-页眉、左/主、右/侧边栏、页脚在右栏内)
现在，这个布局是可行的，
<div id="left-col">left col</div>
<
浏览 0提问于2011-11-11得票数 1
回答已采纳
正如您在中看到的，页脚被粘性的侧边栏覆盖。如果我只改变z索引，边栏就会被页脚覆盖。无论哪种方式都不好。
有没有一个优雅的解决方案呢？也许在页脚进入视图时稍微向上滚动一下侧边栏?1
<div>
<div class="sidebar">
<h3>Sidebar</h3>
</div>
<div class="article">
</div>
</div>
<footer class="page-footer">
<d
浏览 2提问于2016-11-08得票数 1
所以我设法在div中创建了一个侧边栏，它完美地适合左侧，但不幸的是，它位于我的页脚和页眉下面，所以我试图在侧边栏div中放入第二个div，用来保存实际内容。
我试着让侧边栏具有可伸缩性(只要我调整浏览器的高度就可以改变)，但不会覆盖页眉或页脚，也不会移到它下面。我将定位设置为绝对，并将页眉/页脚设置为固定。
HTML:
<div id=sidebar"></div>
CSS:
#sidebar {
background-color: #1c1c1c;
left: 0;
width: 300px;
height: 1
浏览 1提问于2015-04-24得票数 0
对不起，我不能产生大量的代码，否则我的作业可能会被发现为剽窃。在本教程之后，我能够在没有侧边栏的情况下创建一个粘性页脚。为了对2 div ->“左侧边栏”和“右侧边栏”进行同样的处理，我得到了以下内容：
html,
body {
margin: 0;
padding: 0;
height: 100%;
}
#wrapper {
min-height: 100%;
position: relative;
}
header {
padding: 10px;
}
footer {
position: absolute;
left: 0;
botto
浏览 2提问于2015-11-28得票数 0
回答已采纳
1回答
一个客户已经要求在一些模板的侧边栏是粘性的。然而，问题是所讨论的侧边栏有时会太高，无法放入浏览器窗口中。
我们的想法是，当侧边栏在可视区域之外运行时，它会像正常一样滚动，但一旦底部可见，它就会停止。当用户向上滚动时，它将再次启动。
我似乎找不到任何这样的例子。我的google-fu让我失望了。
有谁有关于如何实现这一点的想法？我想我可以使用一些相当简单的jQuery，但我很难准确地找出要使用的钩子。
任何教程、示例或建议都将不胜感激。
浏览 0提问于2012-07-05得票数 0
4回答
关于
这个镀铬扩展用一个更好的编辑器取代文本编辑器，它支持标记、缩进、代码格式等等！还提供选项，以使顶部栏粘稠，并隐藏在页脚的网站列表。
这是我和新编辑一起写的！
主要特性(可在设置中自定义)
编辑器
全打标支持
压痕
码块
自动列表(带有嵌套缩进)
块引号
“粘性”工具栏
并行编辑和预览
更多
更干净的堆栈交换UI
粘头杆
删除页脚中的站点列表。
削弱“如何格式化”侧边栏
截图
📷
📷
📷
📷
下载/安装
从Chrome扩展商店安装
码
GitHub回购：https://github.com/tituswoo/better-stack-exchange
联系人
由吴提多创建。
浏览 0提问于2016-06-09得票数 12
2回答
我们的网站有一个固定的边栏包含一个粘性页脚。在浏览器高度大于侧栏内容高度的显示器上查看时，这很好，但在较小的显示上，页脚被“切断”。
为了弥补这一点，我添加了一个媒体查询，该查询将将页脚更改为在侧栏中相对定位，并在侧栏上设置overflow: auto：
/* sidebar padding + menu height + footer height */
@media screen and (max-height: 580px) {
.sidebar .footer {
position: relative;
}
}
尽管这至少允许在较小的显示上查看完整的侧边
浏览 4提问于2013-03-20得票数 0
回答已采纳
我知道这个问题已经被问了一百万次了--但我已经尝试了我能找到的每一个解决方案，但似乎没有一个有效。
这是一个WordPress站点-当向下滚动时，侧边栏工作得很好。但我希望它停止滚动与用户之前的页脚(200px在页面底部左右)。
$(window).scroll(function(){
if($(window).scrollTop() > elementPosition.top){
$('#sidebar').css('position','fixed').css('top', '100px
浏览 0提问于2015-11-12得票数 0
1回答
隐藏元素显示后的粘滞边栏
、、、、
我正在寻找粘性的侧边栏，它可以做一些特定的事情，但我甚至不确定如何表达我的查询/是否存在这样的查询。
我想在我的标题/导航的正下方的侧边栏中有一个粘性的行动号召和一个图像。当用户滚动时，我不希望行动号召一直出现在页面顶部。我希望它停留在相对相同的位置。我想用更多的文本来填充标题、导航和图像留下的空白。
当用户接近页面的底部时，页脚就会出现，并在必要时将所有内容从顶部推开。
我甚至不确定这是否有意义，所以我制作了一个用户滚动时屏幕外观的图像。我没有发布它的名声，所以它在imgur上结束了。
如果你对如何做到这一点有任何想法，我将非常感谢你可能能够提供的任何见解。提前谢谢。
浏览 0提问于2014-04-03得票数 0
我使用了提供的粘性页脚技术一段时间，工作正常，直到我发现自己需要在固定位置的侧边栏上放置一个粘性页脚。
由于固定位置边栏在文档中是不可见的，所以包装器中的边距和填充的设置没有任何影响。我试图在侧边栏中添加另一个内部包装器，但也没有帮助。我想知道这个请求是否有任何纯CSS解决方案？
我必须使用固定定位侧边栏的原因是，当屏幕尺寸很小时，我使用转换效果来折叠它。该方法是从StartBootstrap学习的，示例简单-侧边栏。
顺便说一句:我在用BS3
我的网站的基本设置是：
<div id="wrap">
<div id="sidebar-wra
浏览 5提问于2013-10-21得票数 2
回答已采纳
1回答
尝试在的右侧边栏中制作一个粘性横幅，但不知道如何在页脚上的红线前几个像素定义它的停止点。有人能帮帮忙吗。脚本：
$(function(){ // document ready
if (!!$('#sticky').length) { // make sure "#sticky" element exists
var el = $('#sticky');
var stickyTop = $('#sticky').offset().top -100;
$(window).scroll(function(){ //
浏览 0提问于2017-06-15得票数 1
我正在尝试做一个带有粘性导航栏和粘性侧边栏的bootstrap布局(完全像Facebook布局)。但是，当您滚动页面时，内容需要更改。我花了很多时间寻找如何使用bootstrap来实现这一点，使facebook风格的粘性布局不是问题，但我找不到任何bootstrap示例，可以在滚动时更改内容。
下面是我需要的一个示例：
我试图重现语义ui粘性模块的完全相同的行为，但使用的是bootstrap。这个页面左侧和右侧的粘性侧边栏正是我所需要的(只是缺少顶部导航栏)…但是，我如何使用bootstrap而不是semantic-ui来实现这一点呢？
谢谢!
浏览 67提问于2018-08-06得票数 0
回答已采纳
8回答
我已经寻找了一段时间来解决我的粘性侧边栏问题。我有一个具体的想法，我希望它如何动作；实际上，当你向下滚动时，我希望它停留在底部，然后当你向上滚动时，我希望它以流畅的运动(没有跳跃)停留在顶部。我找不到我试图实现的示例，所以我创建了一个图像，我希望它能更清楚地说明这一点：
边栏位于页眉下方。当您向下滚动边栏时，将与页面内容保持水平，以便您可以同时滚动侧栏和内容。到达侧栏底部时，侧栏停留在视区的底部(大多数插件只允许粘贴到顶部，某些插件允许粘贴到底部则不允许两者)。到达底部，边栏位于页脚上方。向上滚动时，侧边栏与内容保持一致，以便您可以滚动内容并再次滚动侧边栏。到达侧边栏的顶部，侧边栏停
浏览 76提问于2013-08-21得票数 108
回答已采纳
我有一个粘性的侧边栏，在桌面上，侧边栏是粘性的-所以我切换了一个类
.fixed {top:20px; position:fixed}
当粘性条件满足或不满足时。我的问题在于在侧边栏超过页脚之前“松开”侧边栏-我的侧边栏高度是动态的，因为不同的东西打开或关闭会改变高度-所以停止位置会改变。
我的问题是：
我需要添加
css('top', dynamic-value);
添加到现有的类-因为这个类将在侧边栏到达页脚时暂时“解开”它，并且当移除这个类(包含动态顶部值)时，正常的粘滞导航将开始。
当我说：
element.addClass('not-sticky')
浏览 2提问于2013-05-27得票数 0
1回答
带有粘性页眉和页脚的切换边框
、、、、
我希望能够有一个侧栏，可以切换进出按钮按下。但是，我希望这个侧边栏能与页面的主要内容保持一致，并适合于粘性页眉和粘性页脚之间。
我的问题是，当我滚动边栏保持固定。我希望侧边栏和页面内容能够一起滚动和标题消失。然后页面内容将滚动，而标题停留在原处。然后，一旦到达页面的底部，页脚就会出现，它将缩小侧边栏的底部。如果侧栏中有溢出，则侧栏应该是可滚动的。
我在这里有一个使用引导和模板的几乎可行的示例：。唯一的问题是侧栏没有调整它的位置与粘性的页眉和页脚。
我使用的html在这里：
<body>
<!-- Navbar -->
<nav class="navbar
浏览 1提问于2015-06-07得票数 1
回答已采纳
1回答
我想在主面板的右侧放置一个粘性的侧边栏。粘性侧边栏应该是“粘性”的，当向下滚动到它自己的顶部时，侧边栏将确定位置并停留在页面的顶部，而不是向上滚动。 我已经在这里完成了部分工作：https://codesandbox.io/s/gallant-saha-zgmnw 现在我的问题是:如小提琴中所示，在sidebar类中，使用position: sticky和right: 15rem时，侧边栏只能在宽屏幕范围内工作。如果屏幕宽度缩小，侧边栏组件将保持15 and向右，并且位置不正确。缩小页面并看到错误的行为。 我知道将固定的15rem设置为正确可能是错误的，我如何在屏幕宽度缩小到一定宽度的情况下
浏览 13提问于2021-01-14得票数 0
我当时正在使用，但它并没有达到应有的效果，而是提供了大约200或400 px的扩展，超过了视口。
我认为更容易展示我需要的东西，而不是解释它，见下文：
编辑:我更新了我的代码，以反映它与粘性页脚的外观。
原始--这是我的代码：
<div id="wrapper">
<header>
Header
</header>
<div id="container">
<div id="content">
Content
</div
浏览 4提问于2012-11-04得票数 2
回答已采纳
我到处找了，但找不到正确的解决方案
侧边栏很长，但当我到达结尾处时仍然有空格，因为它不是内容的长度。所以，我在想也许可以使用jquery来“修复”它，但问题是，它仍然是一个很长的侧边栏。那么，有没有办法让侧边栏在滚动时逐渐滚动，这样它就会在我到达页脚的同时到达侧边栏的底部？
我想像是"(0，sidebarTop - scrollTop)“，”sidebartop“是位置(”top“会随着你的滚动而增加，所以它会将侧边栏向下推)，但它不能正常工作。它实际上是在把它推高
我有点睡眠不足，现在可能还没有想清楚，但我需要为周六到期的客户弄清楚这一点。
你看到边栏有多长了吗？(缩短您的浏览器)
浏览 0提问于2013-01-11得票数 0
回答已采纳
2回答
所以，我发布了一个类似的问题，不久前，但我很难得到帮助解决我的部分问题，我意识到，我的侧边栏仍然不会做我喜欢的。
问题是，到目前为止，我有一个侧边栏，我想与我的页脚对齐，但它停止在“小部件”之后。换句话说，我希望侧边栏从主内容一直到页脚，尽管侧边栏本身并不总是有足够的内容。
我尝试过几种方法，但到目前为止我还没有找到一个好的解决方案，有人能帮我吗？:)
以下是该项目的。
迈克尔
浏览 2提问于2013-03-12得票数 1
回答已采纳
1回答
先进粘性定位
、、、
我需要做一些粘稠或固定的元素。这是一个角度工程，我已经管理了静态和动态元素。
左菜单是静态的，主要内容将是动态的。主要内容有自己的顶部菜单，内容和页脚。
我已经添加了粘性位置到侧栏-菜单，标题，动作面板。
但现在侧边栏的位置不能工作，我有一些问题的标题和行动面板，这样的框阴影隐藏；
浏览 0提问于2019-07-23得票数 3
回答已采纳
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
2回答
我有一个侧边栏，它与页面一起滚动。但是，侧边栏似乎落后于页面的滚动，例如。向下滚动，几秒钟后侧边栏就会出现。此外，侧边栏将继续向下，使页面更长，并导致页脚变得不可访问。我需要做什么，以使边栏移动与滚动和边栏停止移动的页脚？以下是我的jQuery代码：
$(function() {
var $sidebar = $("aside"),
$window = $(window),
offset = $sidebar.offset
浏览 1提问于2014-08-14得票数 0
回答已采纳
3回答
JQuery手机为粘性页脚导航栏提供了两种选择。“内联”，它只会放在它声明和“固定”的页面中，如果你不滚动，它就会变得粘性。一旦你滚动，它就消失了。我发现这种行为非常古怪。
显然可汗学院已经解决了这个问题，但由于某种原因，我无法使用openapp mkt访问他们的移动网站：
我知道其他人也问过这个问题，但jQuery现在不同了：
稍后，我可能会尝试处理布局CSS (我尽量避免这样做，以免破坏jquery mobile) 。
浏览 2提问于2011-08-03得票数 0
在jsfiddle der给出的页面中，是cont div中的一个侧栏。
<section class="cont">
<div class="sidebar">
<ul>
<li>sidebar</li>
</ul>
</div>
<div class=
浏览 2提问于2012-03-25得票数 1
回答已采纳
2回答
我想显示这一点的最简单的方法就是提供一个链接到需要添加的网站。
I需要--一个简单的页脚，无论在主 content 和侧边栏div中放置了多少内容，它总是停留在页面的底部。
我试过使用粘性页脚和其他一些方法。例如把它放在底部0的页面底部，等等。但是，以我的设置，它似乎从来没有起作用。如果你还需要更多的信息，可以随时询问。
浏览 4提问于2013-11-15得票数 0
回答已采纳
1回答
我想做一个wordpress网站，只刷新内容/帖子部分，而不是页眉，导航，页脚或侧边栏。这个是可能的吗？如果是，那么是如何实现的？
浏览 0提问于2011-12-31得票数 2
回答已采纳
我见过许多类似的问题，但没有找到我想要的答案。进一步资料如下：
我正在使用twitter引导程序，所以我想要一个与它兼容的解决方案。
布局将看起来像。对不起，我不能嵌入图像，因为我首先需要10个pts。
和我到目前为止的距离一样近。问题是我不能让侧边栏在页脚处停下来。
我将需要的主要内容，以扩大相同的侧边栏。
侧边栏和主要内容是两种不同的颜色和大小不同。它们都必须扩展到页脚。
请注意，最小高度必须是100%。
如果内容增长过大，页脚应该移动(也就是说，需要滚动才能看到)
我不想使用JavaScript，但是如果需要的话，我不介意用JS逐步增强解决方案(我也在使用
浏览 4提问于2012-04-20得票数 9
回答已采纳
3回答
粘性页脚CSS
、、
我有一个非常基本的网站(页眉，内容，页脚，没有侧边栏或任何东西)的问题是内容区域是重叠的页脚。我已经尝试了所有粘性的页脚修复程序(即csstricks，ryanfait.com和其他一些我在谷歌和这里找到的一些修复程序，但它们都不起作用
我们将一如既往地感谢您的帮助
<body>
<div class="wrapper">
<div id="header">
</div>
<div id="content&
浏览 0提问于2011-04-29得票数 0
回答已采纳
1回答
物化图钉溢流底
、、、、
我正在尝试实现一个“粘性”的响应式侧边栏。
我正在使用Materialize Pushpin来完成这项工作()
我似乎不能让底部偏移量正常工作。它有时会中断，如果内容的高度小于侧边栏本身，我就会溢出。
我已经创建了一个codepen，这样您就可以更好地理解。
code
考虑到侧边栏和内容的高度可以从小到大变化，用这种布局实现粘性响应式侧边栏的正确方式是什么？
提前感谢你，Stackoverflow！<3
浏览 1提问于2017-03-20得票数 0
我有一个网站，它的内容显示在两列，一个是主要的内容，另一个侧边栏。侧边栏是而不是固定的，它只是自然地与主要内容一起滚动。
但是，如果主内容比侧边栏长，那么最终您将到达一个点，即边栏中没有其他内容，但是有更多的内容可读(并且整个页面都在滚动)。在这个场景中，我希望侧边栏变得粘稠，侧边栏的底部将粘在屏幕的底部。
这让我非常困惑，因为这种行为在颠倒版本中是可以实现的，这意味着把侧边栏贴在顶部，只要有额外的主要内容，侧边栏的顶部就会粘在屏幕的顶部，一旦你走到最后，它就会继续自然地滚动。就像这里所做的：
这种行为最初让我相信，从top: 0转到bottom: 0会做我所描述的我想要的行为。但我在这里试过
浏览 4提问于2020-09-01得票数 0
回答已采纳
3回答
使用技术处理粘性页脚，并给出了示例。
* { margin:0; }
html, body { height:100%; }
#wrap {
min-height:100%;
height:auto !important;
height:100%;
margin:0 0 -47px;
}
#side { float:left; background:#ccc; width:100px; overflow:hidden; }
#body { float:left; background:#aaa; width:300px; }
#foot, .push { he
浏览 2提问于2013-03-30得票数 3
回答已采纳
4回答
下面是我的代码：
我想让左边的边栏动态地向下扩展到页脚。页脚是一个粘性的页脚，这意味着无论主要内容有多长，它都会留在那里。
我希望左侧边栏向下延伸到页脚，无论主要内容的高度如何。
html {
position: relative;
min-height: 100%;
}
body {
margin: 0 0 50px;
/* bottom = footer height */
}
.container {
height: auto;
overflow: hidden;
}
.left {
width: 180px;
float: left;
ba
浏览 2提问于2017-05-03得票数 0
2回答
侧边栏和页脚中相同和重复的样式
、、、、
我在我的跨苹果wordpress主题中更改了我的页脚样式，我注意到页脚复制了边栏类别样式的样式。
在这里可以看到工作良好的侧边栏样式：
另外，我还注意到我的另一个侧边栏被改成了页脚样式。请看右侧的侧边栏：
现在，我深入到样式代码中，并试图更改一些东西，但没有成功。
这是我的网站：
如何将页脚样式更改为不同的样式(显示在上的样式)，并将侧边栏更改为不同的样式(显示在上的样式)？
下面是css文件：
和灰色样式：
浏览 2提问于2012-11-14得票数 0
2回答
我有一个侧边栏，我试图让我的页面粘性我在页脚有一个脚本，当页面到达某个点时，它会从静态更改为固定。这工作得很好，但我遇到的问题是，当它切换时，它会改变div持有导航带的方式，它们不再“挂”在一边。我试过使用不同的组合，但没有什么能保持滚动效果，也不能让丝带看起来一样。任何帮助都将不胜感激。
谢谢
下面是我尝试复制的侧栏的一个示例
浏览 0提问于2012-08-07得票数 0
回答已采纳
1回答
我有侧边栏块，位置固定。
当我滚动浏览器的窗口时，我需要通过这个侧边栏修复页脚的重叠。
我试图将侧边栏的位置更改为absolute，计算移动条件并将其移动到窗口的滚动事件上，但当我快速滚动时，它无法正常工作。
如何解决这个问题，快速滚动窗口时的问题，或者，建议是否有js插件？
更新：
小提琴：
(侧边栏不应重叠页脚)
浏览 4提问于2013-03-05得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
