如何制作带有滚动内容的固定页脚模式？
制作带有滚动内容的固定页脚模式可以通过以下步骤实现：
- HTML结构：在HTML文件中，创建一个包含页面内容的主体容器，并在其中添加一个页脚容器。
<div class="main-container">
<!-- 页面内容 -->
</div>
<footer class="footer">
<!-- 页脚内容 -->
</footer>- CSS样式：使用CSS样式来设置主体容器和页脚容器的样式，并实现固定页脚效果。
body {
margin: 0;
padding: 0;
}
.main-container {
min-height: calc(100vh - 50px); /* 设置主体容器的最小高度，减去页脚高度 */
padding-bottom: 50px; /* 设置主体容器的底部内边距，等于页脚高度 */
}
.footer {
position: fixed; /* 设置页脚容器为固定定位 */
bottom: 0;
left: 0;
width: 100%;
height: 50px; /* 设置页脚高度 */
}- JavaScript交互（可选）：如果需要在滚动页面时隐藏或显示页脚，可以使用JavaScript来实现。
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScrollPos) {
document.querySelector(".footer").style.bottom = "0";
} else {
document.querySelector(".footer").style.bottom = "-50px";
}
prevScrollpos = currentScrollPos;
}通过以上步骤，你可以制作一个带有滚动内容的固定页脚模式。请注意，这只是一种实现方式，具体的实现方法可能因项目需求和技术栈而有所不同。
推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云对象存储（COS）、腾讯云内容分发网络（CDN）。
- 腾讯云服务器（CVM）：提供弹性计算能力，可用于部署和运行网站、应用程序等。
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，可用于存储和管理静态资源文件。
- 腾讯云内容分发网络（CDN）：加速内容分发，提高用户访问速度，可用于加速网站、应用程序等的内容传输。
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
1回答
您好，我正在建立一个移动网页，我的内容只会滚动，我的页脚和页眉是位置:固定-我可以使内容，使它不滚动下的页眉或页脚，以便它只是在自己的div滚动。
我想这样做的原因是我的页眉和页脚会有一些不透明，如果内容被滚动到下面，它看起来就不好。
这是我制作的jsfiddle，只是为了向您展示卷轴的示例
浏览 0提问于2012-06-05得票数 3
回答已采纳
1回答
您好，我创建了jsfiddle，让您更好地了解我当前的场景。我正在制作固定的div，它必须滚动与页面滚动，这是完美的固定位置，但在我的html文件中，当你滚动到页脚或当你点击隐藏按钮时，你会看到滚动div与页脚混合，这是如何在底部处理它的问题。
下面是JS css和html
$("#hide_show").click(function(){
$("#toggle").toggle();
});
.fixed_div {
background-color: gray;
border: 1px solid red;
浏览 1提问于2016-03-18得票数 0
1回答
如何在我的index.html中提供滚动条，使页眉和页脚div保持固定在屏幕上，而位于页眉和页脚之间的内容部分可以在内容超出可用空间时滚动。
有谁知道吗？
提前谢谢。
浏览 2提问于2012-09-19得票数 0
我们的移动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
1回答
滚动截图不能使如果有页脚和位置绝对。 <ScrollView>
...content
</ScrollView>
<View style={position:'absolute', bottom:0}>
Footer
</View> 我该怎么做？不工作的页脚滚动屏幕截图
浏览 24提问于2021-09-23得票数 1
1回答
div HTML5中的单页滚动
、、、、
我在这个网站(HTML5，CSS3和JS)上工作，它有2个div (页眉和页脚)，其中有CSS position: fixed，并有一个中心div，其中有position:absolute和包含的内容。
我想做的是在这个中心div中实现滚动捕捉，它有绝对的定位。但由于某种原因，我无法做到这一点。这是我尝试使用的jquery插件：
你们能帮帮我吗？
这是一个带有设置的JSFiddle：
浏览 13提问于2017-01-26得票数 0
2回答
我试图在我的模板上有一个粘性的页眉和页脚，这是可行的，但我有一个问题，因为id=“页面”并不总是滚动到页眉下！
这是网站，
我发现带有position=“相对”的元素有问题，比如标签和"Patricia signed...“框项目，作为一个例子。
.box ul.supports-list li.last {
width: 200px;
position: relative;
float: left;
}
如何修复id=“页面”，使其中的所有元素始终滚动到页眉和页脚下？
浏览 1提问于2012-06-02得票数 0
回答已采纳
是否可以在CSS中实现以下配置？
我有一个很长的页面，底部有一个脚注(脚注显示属性是flex)
在该页的可见区域，我需要固定的区域始终在底部，只要滚动尚未到达页脚。
一旦滚动到页脚，固定区域应该向上滚动到页脚的顶部，如下所示：
固定区域位于页面可见区域的底部。
当滚动时，如果没有达到页脚，固定的是将保持在页面底部。
到达页脚时，固定位置位于页脚的顶部。
我试过这样的方法：
FixedArea {
position: fixed;
bottom: 0;
width: 100%;
}
但是当我滚动到页脚时，固定区域就消失了。
浏览 12提问于2017-09-08得票数 5
我见过几个类似的问题(并做了大量的研究)，但我不认为其中任何一个都不能解决这个特定的问题.
我在这里给出了一个简单的例子：
这不是我使用的实际代码(因为我使用的是WordPress)，但它说明了我的问题，具体而言：
我正在工作的网站，将有一个固定的页眉和页脚，与内容在两者之间。我已经这么做了，效果很好。但是，我不希望页眉和页脚接触到浏览器的顶部和底部(例如，它们将有20 on的边距，因此容器和浏览器之间不会有太多的空间)。
问题是，当您滚动页面时，内容在页眉/浏览器和页脚/浏览器之间的空间中是可见的。如图所示，您可以看到它在页眉和页脚下面滚动；我想避免这种情况。
是否有某种方式可以使内容容器的
浏览 1提问于2014-04-18得票数 1
回答已采纳
1回答
我试图使修复页脚和页眉类似于本页中的页眉：
但我所做的一切成功的是页眉和页脚，这是修复，但当你滚动它消失，只有当你停止滚动它又回来了。
*当我说到英尺，我指的是肚脐。就像这样：
浏览 1提问于2012-02-14得票数 0
2回答
CSS页脚分隔
、、、、
我在我的页面上有一个固定的页脚，由文本组成，没有背景图像。我也有一个固定的背景图像，这是位于右下角。我在想，当我向下滚动页面时，我可以做些什么来防止我的内容与页脚和背景图像重叠。当我滚动时，有没有什么办法在它们之间放上填充？
浏览 3提问于2013-02-20得票数 1
我有一个问题，一个固定的页脚与一个输入字段在里面。当您向下滚动时，您可以在 page.The页脚上找到一个示例。然后，如果页脚中的输入获得焦点，整个页面就会向下滚动。为什么会这样？怎么修呢？
p.s.：我只能在iPad上的Safari和iPhone上的iOS 8中复制这个bug。
浏览 2提问于2015-02-24得票数 1
回答已采纳
我试图显示固定的页脚在屏幕底部的移动浏览器。我试过把位置:固定在脚的id。然而，它仍然不能正常工作。如何将页脚设置为在用户滚动页面时持续显示？
#footer {
color: #333333;
font-size: 70%;
font-style: italic;
text-align: center;
padding: 0;
position: fixed;
}
浏览 5提问于2014-05-24得票数 0
回答已采纳
我一直在使用JQuery，但从来没有做过这样的事情。
我想要做的是：
当用户向下滚动到页面的页脚时，我想使用JQuery开始显示10个段落的内容，这些内容正好加载在页脚下面。如何使用JQuery完成此操作？有没有现有的插件或提示？
我查找了无限滚动和类似的东西，但我不确定如何触发内容显示，只有当用户超过页脚时。
浏览 1提问于2013-07-09得票数 3
回答已采纳
1回答
我写了一份购物清单。页脚包含用于对列表中的选定项执行操作的按钮，我将页脚定义为固定，以便它在屏幕上始终可见。
现在我在firefox中测试了一个比屏幕还长的项目列表，我发现如果我点击列表中的一个项目(选中它)，页眉和页脚就会从屏幕上消失，并分别移到列表的顶部和底部。在列表上单击时，看起来固定属性被切换。
这给我带来了麻烦，因为当我选择列表中的一项时，带有按钮的页脚就消失了，我需要滚动到列表的末尾才能单击按钮。
如何删除此行为？我担心如果我每次单击一个项目时都设置了fixed属性，页脚和页眉就会闪烁。
浏览 4提问于2012-06-19得票数 0
回答已采纳
2回答
我有一个部分透明的固定页脚和页眉，带有滚动内容：
当存在溢出内容时，需要对该JSFiddle进行哪些更改才能使垂直滚动条保持在顶部(但使滚动条也保持窗口的整个高度)？
我注意到stackoverflow.com似乎能够做到这一点：
html {
height: 100%;
}
body {
height: 100%;
}
/* Fixed Header */
.dvTableTop {
display: table;
width: 100%;
border-style: solid;
border-width: 0px 0px 2px 0px;
浏览 4提问于2017-07-28得票数 0
回答已采纳
3回答
我知道如何显示/隐藏DIV，但是他们是如何制作这个页脚的呢？
我喜欢我的网站上的这篇文章。
请看一下这个页面，顺便说一下，这是经常联系的，注意页脚。
，谢谢！
浏览 0提问于2011-06-04得票数 2
对于模式中的表单，我选择使用bootstrap模式页脚来显示与表单相关的任何错误。当错误不可避免地使页脚占据比页脚可用的高度更多的高度时，这会引起一些挫折。我同意它需要更多的高度，但我希望它将高度添加到顶部，并降低模式主体的高度，使模式作为一个整体保持相同的高度。如果它把它添加到底部，它最终会把内容从屏幕上推出去。模态正文说明了太“高”的内容，并添加了垂直滚动条，这就是为什么我愿意放弃模态正文高度来适应模态页脚高度。
我已经添加了指向我所指图像的链接。模式页脚如预期的那样扩展到内容，但将该高度添加到底部，因此当模式页脚被推出屏幕时，其其余部分将变得不可访问。我想从主体中偷取高度，这样页脚增加的
浏览 2提问于2013-03-28得票数 3
1回答
我一直在疯狂地试图在我正在工作的网站上解决响应问题，而我在这里或其他地方找不到任何解决方案。主要的问题是我的固定脚。在站点的登陆页面上，有一个页眉、主区域和页脚(当箭头单击时页面会展开，但这是不相关的)。
我已经使用固定定位将页脚附加到页面底部。当屏幕宽度>1024 is时，页眉、主页脚和页脚宽度为100%。在1024 as以下，页眉和页脚宽度变为静态(1024为静态宽度)。
问题是，有一个点，页脚应该溢出在屏幕的右侧(因为宽度变得固定)。我可以向右滚动，在页眉中看到菜单的其余部分，但是页脚不会向右滚动。相反，它只是切断了通常存在的一切。
我尝试用相关代码重新创建这个问题，这里是：，但是
浏览 3提问于2013-08-21得票数 0
回答已采纳
我有一个粘性脚注的问题，它有绝对位置，
<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
4回答
让我先介绍一下我的代码示例：
<div id="StartScroll"></div>
Many divs and content here !
<div id="EndScroll"></div>
我的问题是，如何制作一个滚动条，从带有id StartScroll的div开始滚动，到带有id EndScroll的div结束滚动。
请注意，在StartScroll之前和EndScroll之后都有内容，但我希望滚动条不应该被允许超出StartScroll和EndScroll。
我该怎么做呢？也许和jQuery
浏览 2提问于2014-12-10得票数 1
2回答
jQuery移动css滚动并单击
、、、、
我正在为智能手机开发一个移动网站，并使用jquery mobile。第一个测试：
我已经向页面添加了内容，所以它应该是可滚动的，但当我滚动页眉和页脚时，滚动时间将被禁用。:(第二个测试：
jquery mobile文档()提供了data-position="fixed“应该禁止隐藏页眉和页脚的信息
我做错了什么？
浏览 2提问于2012-03-04得票数 1
回答已采纳
1回答
我正在寻找一个带有全高度侧边栏解决方案的粘性页脚，并在这里部分找到了它：
标记为正确答案的帖子解释了一个简洁的解决方案，但我想知道是否有可能将流体含量div转换为固定的div，与页脚相同。(我指固定宽度)。
内容div和页脚应该覆盖屏幕的整个可见宽度，当调整大小时，它们不应该随窗口调整大小。它们应该保持不变，并出现滚动条。
另外，我想要的另一件特别的事情是有一些额外的左边距的边栏。这是小提琴：
<div id="wrapper">
<div id="content">
<d
浏览 5提问于2012-11-14得票数 0
我有一个带有页眉、页脚和可重用单元格的TableViewController。以下是我在上述观点中的内容：
标题：
--Label
--Label
--WebView
Cell - normal dynamic data
页脚：
--TextField
--Button
我的目的是使整个视图可滚动，禁用WebView和UITableViewCell上的滚动。我的问题是WebView。我希望它采取的内容的高度，应该没有滚动。但是现在，webview只显示在标示的空间中，并带有一个滚动条，这会弄乱我的UI。如何根据WebView内容调整WebView和header的大小？
浏览 1提问于2016-01-20得票数 0
标题可能有点混乱，我会尽我最大的努力来解释我需要实现什么。基本上，我对一个特定的网页有以下元素：
标题-始终可见于上面的内容
内容背景图像覆盖整个内容区域-，这是的关键部分
子页脚-有关内容的信息总是在它下面可见。
页脚-标准公司页脚，如果窗口高度为一定大小，则可见，否则需要向下滚动才能看到它。
正如我上面提到的，页面的内容部分可能是最棘手的部分。我需要一个大的图像在背景，涵盖整个地区。css-技巧有一个。所以我希望这能很容易实现。问题是如何使子页脚停留在底部，如果窗口是<720 it，下面的页脚在折叠(需要你滚动到它)。>720 no的窗口应该同时显示子页
浏览 1提问于2011-01-25得票数 6
回答已采纳
我有一个具有此css样式的页脚
position: absolute;
bottom:0;
left:0;
right:0;
width:100%;
background-color:#000000;
color:#ffffff;
text-align:center;
但是，如果我在一个小窗口中打开浏览器(所以没有看到页面的所有内容)，页脚在底部，当我向下滚动时，页脚仍然固定在页面的中间！我该怎么解决呢？
浏览 0提问于2016-04-21得票数 0
我正在尝试使用免费的iPad框架在我的网页底部制作一个类似toobar的。下面是我试图复制的一个例子(我搜索到的第一个随机的iphone图像)。
现在，回答它..。但我不知道如何把这个答案扩展到
约4节(如。朋友、登录的人(如果是的话)等。
不管发生什么事情，都要把工具栏放在底部。中间内容是可滚动的。但是页眉和这个页脚应该总是可见的。
这能办到吗？
浏览 1提问于2011-03-27得票数 1
回答已采纳
3回答
我正在使用phonegap和jqm开发一个简单的应用程序，我的问题是当您到达页面的顶部或底部时，页脚和页眉是可滚动的。
如果我在页面的顶部，我向上滚动，页眉会滚动-页脚也会滚动(参见所提供的图像)
我试过iScroll，但它不能解决任何问题。我已经尝试过覆盖jqm css设置，将body的溢出设置为隐藏，将.ui-content div的溢出设置为scroll - by也不起作用。
我还尝试将body位置设置为fixed。然后，当我滚动时，主体没有移动，但一个黑色的屏幕从底部升起，隐藏了页面。
有什么想法吗？
浏览 1提问于2012-01-20得票数 3
我需要锁定一个带有文本的div到浏览器窗口的底部。
基本上需要创建一个页脚栏，与浏览器正常滚动，但始终留在浏览器窗口的确切底部
提前感谢所有帮助我的人！
浏览 0提问于2012-01-04得票数 1
回答已采纳
3回答
两个水平滚动条
、、、、
当我从代码笔嵌入日历小部件时，我的网站中有两个滚动条
两滚动条
一个滚动条移动主体，另一个像使用asp.net mvc5那样移动整个页面，所以我从共享布局中调用了页眉、页脚和侧栏。使用
overflow-y: hidden;
只需隐藏主页的滚动条。
在这里，您可以看到单个滚动条的图像，它只是移动内部体。
单涡旋
如何移除移动内体的滚动条？
浏览 0提问于2018-07-31得票数 0
回答已采纳
我正在使用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回答
我有一个带有样式position: div的div，我想让它向下滚动页面，但我不希望div溢出到页面页脚。我怎么才能做到这一点呢？
先谢谢你，肖恩
浏览 0提问于2009-08-14得票数 1
3回答
视图底部的页脚，不与内容重叠
、、、、
我需要的是一个非常基本的布局，只有两个主要部分:内容和页脚。页脚应该总是在视图的底部。所以我有：
内容(职位:亲属)
页脚(位置:固定；底部:0px)，当我没有什么内容时，它可以工作(参见)。
当视图太短或内容太多时，问题就开始了(请参阅)。
内容在页脚后面(重叠)，页面滚动出现。
我也不想它摆在前面。我想要的是这个(见)
内容不与页脚重叠，页面滚动只滚动内容div。
我不知道如何做到这一点，甚至不知道是否可以做到。我不介意使用jquery，也不关心ie6。如有任何帮助，我们将不胜感激。
谢谢
编辑
谢谢你的回复。
我上传了几张图片，这样你就能更好地理解我需要什么。
在图1 中
浏览 3提问于2011-03-25得票数 2
1回答
我在使用jQuery移动版(v1.4.5)的固定页脚时遇到了一些小故障。在手机网站上。
当有很多文本(需要滚动)时，就没有问题了。当文本很少(不需要滚动)时，就没有问题了。
当有足够的文本需要稍微滚动一下时，就会出现小故障。发生的情况是页脚在向上滚动时消失，并在释放时弹出。我在Chrome ( Nexus 5上的手机)上测试了这一点，我认为这与Chrome中chrome的地址栏在滚动时消失有关。向上滚动时，地址栏再次出现，导致页脚消失。
我从jQuery手机上删除了固定页脚的演示页面，并删除了足够的文本以确保它不是我的代码，但即使是这个演示页面，问题仍然存在。
有人知道解决方法吗？
浏览 3提问于2015-02-18得票数 0
4回答
我正在试着做一个粘性的脚注，但它对我来说不是很有效。
代码：
正如你在实时视图中看到的，页脚位于页面其余部分的下方，但你必须滚动才能到达那里。我如何才能避免这种情况，并且只在需要时才有滚动条呢？
浏览 0提问于2011-06-15得票数 3
回答已采纳
2回答
脚在底部
、、、、
我被脚卡住了。
我有这个代码-
#footer {
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
background-color: orange;
text-align: center;
}
在一个小屏幕上，导航条显示在顶部，页脚显示在底部--这是正确的。
但在大屏幕上，当肚脐垂直显示在左侧时，页脚就消失了。不知道如何显示页脚。它不需要是粘性的:用户需要向下滚动并看到它(就像在小屏幕上一样)。页脚的宽度应该是屏幕大小的100%。
谢谢!
浏览 2提问于2017-09-30得票数 0
回答已采纳
我正在处理一个页面，其中页脚元素被“粘贴”到页面底部(为了兼容性使用好的旧position: fixed )，直到用户滚动到足够低的程度，使其成为position: static。
然而，当fixed变成static时，chrome将父div滚动回顶部。
我用了一个代码来说明。
拖曳它足够小，使滚动条出现；
向下滚动；
当紫色条变宽(position: fixed)时，你会注意到Chrome会自动将#content div (带有overflow: auto)卷动回顶部。
我已经将笔简化为只包含网格布局，以及#content div上的#content。看来Chrome不
浏览 0提问于2018-01-30得票数 2
2回答
我正试着制作一个简单的登陆页。我追求极简主义的外观，并制作了一个简单的土地页。但是，在尝试添加页脚时，与我与中心对齐的内容重叠。我在上做了一个完全相同的代码，请在那里查看，或者使用下面提供的代码。
我的HTML：
<body>
<h1>Some Header</h1>
<div class="main-land-container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing eli&l
浏览 0提问于2021-06-26得票数 1
回答已采纳
我正在尝试创建一个带有导航栏和页脚的页面，但是我希望它们始终坚持在页面的顶部和底部，即使身体很长。当身体是长的，我希望它是可滚动的(当然，导航和页脚总是可见的)。
最接近这个设置的是使用hero和is-fullheight (以及它的子程序hero-head、hero-body和hero-footer)，但不幸的是，当身体很长时，页脚就会被推到视图之外。有什么想法可以让它做我想做的，无论是通过Bulma还是一些CSS技巧？
浏览 2提问于2022-10-17得票数 0
4回答
我有一个包含另外三个div的div:页眉、内容、页脚。
<div class="note">
<div class="header">Title</div>
<div class="content" contenteditable="true">Some content</div>
<div class="footer">Footer</div>
</div>
页脚总是位于父div的底部。
浏览 6提问于2014-06-09得票数 2
回答已采纳
2回答
我正在尝试制作一个带有顶部边框的网站，但是当浏览器窗口被压缩，并且出现水平滚动条时，只有当滚动条位于其原始位置时，顶部的边框才可见。如果向右滚动，边框将停止。
HTML代码：
<div id='container'>
<div id='content'>
As you can see, when the window is small enough for scrolling, the border only exists in the "original" window space.
&l
浏览 2提问于2013-04-28得票数 2
5回答
我有3行标题，页脚和内容，但我的内容div太大，使窗口滚动。如何将固定的内容放在页眉和页脚之间，以及如何更改高度以使其不必滚动窗口
我的index.php
<body>
<div id="container">
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div&g
浏览 0提问于2013-02-22得票数 0
回答已采纳
我使用肚脐静态顶部+肚脐固定底部，我想在100%的高度之间填充容器。多么?
它只有3行，第一行和第三行是导航条。中排是带有行液的容器流体.
我尝试了所有的东西，即使是粘性的页脚技巧，但只是无法使它在没有滚动条的情况下正确地填充，因为它继承100%不包括导航栏。
浏览 6提问于2013-11-17得票数 0
回答已采纳
2回答
我有一个具有以下样式规则的页脚：
#footer
{
position: fixed;
bottom: 0px;
width: 100%;
min-width:1300px;
z-index: 3;
}
我使用以下JQuery代码使滚动仅适用于x轴：
$('html, body').css({
'overflow-y': 'hidden',
'height': '100%'});
当窗口小于1300px，滚动条出现时，我如何让它左右滚动？
浏览 2提问于2013-07-02得票数 0
回答已采纳
3回答
我有一些困难，创建一个布局与引导3.3.7。
我设置了一个小提琴来展示我所拥有的：
关于我所拥有的，有三个问题我似乎无法解决：
我希望左手导航菜单(用红色边框勾画)与内容区域(蓝色边框勾画)的高度相同。
页脚应该始终位于浏览器窗口的“底部”，而不管内容区域中有多少内容。如果浏览器中出现滚动条，那么页脚应该始终位于浏览器窗口的底部，而不是显示为粘性页脚。
如果内容区域中有大量内容，则应该在右侧有一个滚动条。然而，左手导航菜单应该保持在一个固定的位置。
我能描述的最接近的东西是Gmail，在那里你可以向下滚动右边的消息列表，但是左边的文件夹导航保持在一个固定的位
浏览 0提问于2018-02-15得票数 0
回答已采纳
希望我能解释清楚这一点。我找了很多排列都找不到任何与...
我有一个栏，有一些按钮，它使用绝对和固定的定位“粘”到视窗的底部。我理解这一点(使用bootstrap 4)。
我想要发生的是，当用户滚动页面，然后页脚进入视图时，按钮栏将与页脚一起向上移动，这样就不会模糊页脚。当用户向下滚动页面，页脚移出视图时，按钮栏将停留在视口的底部。
我该如何处理这个问题呢？我试了一堆东西，但似乎不能把它锁在页脚上。
谢谢你所有的建议。
浏览 11提问于2020-02-20得票数 0
1回答
我使用的是自动补全文本框，这里基于动态值超过滚动条，如果超过动态值，则滚动条显示在文本框中，滚动条自动超过在页脚页和两个滚动条中显示。如果在文本框滚动条中显示的值不应该超过页脚内容，只在正文容器中显示，也不会显示两个滚动条，所以请帮助我解决这个问题。
css代码：
.ui-autocomplete {
max-height: 28%;
overflow-y: auto;
}
自动编译代码:区域数据类型为数组，包含多个值
autocomplete({
autoFocus : true,
source : areas,
selectFirst : true,
浏览 0提问于2014-06-21得票数 4
3回答
我正在建设一个网站，这需要一个页脚，将浮动在浏览器窗口底部的所有时间。
但是，只有当用户向下滚动200px时，才会出现这种情况。然后它应该滚动到适当的位置(就像页脚附加在视图之外的内容200px上，但却附加到浏览器窗口上一样)。
一旦用户滚动回来，这需要再次隐藏。
如何做到这一点？
浏览 1提问于2011-07-19得票数 2
回答已采纳
页面有三个部分。
标头，它在设计时具有未知的内容，因为它在运行时使用文本填充。所有的文本都必须显示，没有滚动条。(我认为是height: 100%做的)内容，内容应该填充页眉底部以下到页脚顶部的页面。如果可以显示的内容中有更多的文本，则应该可以使用滚动条。页脚。页脚应该是25px高，并且总是坐在视图的底部。
该窗口是一个弹出窗口，它不应该有窗口滚动条，它可以调整大小，但没有滚动条。内容滚动条应该是唯一可用的。
当调整窗口大小时，内容区域应该调整大小，但页脚保持不变(固定在底部)。
宽度都是100%
浏览 3提问于2008-12-16得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
