将元素粘贴在页面滚动的底部
要将元素粘贴在页面滚动的底部，可以使用CSS的position属性配合定位来实现。
首先，为了使页面能够滚动，需要给元素的父容器设置一个固定的高度，并将overflow属性设置为scroll或auto。这样当内容超过容器高度时，将出现滚动条。
然后，为要粘贴在底部的元素设置position属性为fixed，这样它将相对于浏览器窗口进行定位，而不是相对于文档流。
接下来，通过设置bottom属性为0，将元素定位在浏览器窗口底部。可以同时设置left、right属性来调整元素在水平方向的位置。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
height: 400px;
overflow: auto;
position: relative;
}
.sticky {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #f1f1f1;
padding: 20px;
}
</style>
</head>
<body>
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec enim eu nulla pulvinar malesuada. Nullam aliquet purus tortor, eget posuere odio luctus in. Maecenas dignissim libero vel purus auctor, nec tempus justo volutpat. Donec vitae dui et tortor scelerisque semper eget in neque. In mauris tellus, tincidunt non feugiat sit amet, convallis et lectus. Nulla rutrum volutpat viverra. Sed sit amet libero sit amet felis semper iaculis.</p>
<p>Vestibulum in lacinia quam. Mauris ultricies tempor sapien in aliquet. Nulla auctor magna nec enim mollis sollicitudin. Nullam ac ligula mauris. Donec nec dui malesuada, cursus felis id, tempus risus. Duis eu vestibulum mauris, in euismod elit. Phasellus ac erat elit. Sed congue nulla non dapibus vulputate. Maecenas placerat mi nec elementum ultrices. Proin vel lacinia elit. Nulla venenatis mollis mi a ullamcorper. Sed semper quam id urna mollis, eget efficitur lectus feugiat. Curabitur pellentesque risus in mauris dapibus mattis. Sed cursus viverra quam, nec pulvinar purus pharetra non. Mauris nec enim in ipsum hendrerit suscipit. Quisque hendrerit lorem in felis euismod elementum. Donec in arcu a quam vestibulum feugiat.</p>
<p>Etiam at interdum leo. Nunc eu eros arcu. Vivamus vitae mi non mi dignissim iaculis. Donec vitae nunc ac quam viverra blandit. Suspendisse non semper nulla. Pellentesque in massa elit. Quisque placerat nulla ipsum, a tempus mi convallis sed. Fusce tincidunt mollis mi sit amet placerat. Nulla facilisi. Suspendisse faucibus pretium facilisis. Sed quis lacus laoreet, posuere ipsum non, consectetur neque.</p>
</div>
<div class="sticky">
This element will stick to the bottom of the page while scrolling.
</div>
</body>
</html>这段代码中，首先定义了一个高度为400px的容器，将内容放置其中。然后，通过设置overflow属性为auto，使容器出现滚动条。
接着，定义了一个带有sticky类的元素，设置其position为fixed，并通过bottom、left和right属性将其粘贴在浏览器窗口底部。
运行代码，你将看到该元素随着页面的滚动保持在底部位置。
希望这个解答对您有帮助！
相关·内容
1回答
我有一个有位置的块:粘粘的，下面有块。有什么方法可以跟踪粘滞块贴在顶部并在底部块中添加类的时间吗？
我想我应该使用$(window).scroll()，但不知道如何使用。
浏览 3提问于2022-01-31得票数 0
回答已采纳
2回答
我有一个简单的任务:把一个脚贴在底部(粘脚)。
我在堆栈溢出和google上搜索了几个线程。
似乎有两种技术：
(重置所有元素填充和边距，拉伸包装，清除两个或其他额外的mods)
绝对定位
第一个看起来像一些黑客(也没有工作)，所以我想坚持绝对定位(底部: 0;)，但这里我提到，页长内容(许多段落)页脚挂在中间当我滚动…
然而，这里是小提琴，希望有人发现我的错误：
问候
浏览 4提问于2012-05-22得票数 0
10回答
页面底部有粘性页脚的问题
、、、
我目前正在打造我的。
我有一个粘性的页脚(意思是贴在页面的底部，不管是什么)。
然而，虽然我不知道怎么做，但突然之间，我一定是调整了一些东西，结果它又不粘了。
你猜怎么着，我不能修好它。:S (我必须承认CSS从来不是我真正喜欢的.)
有什么想法吗？
P.S.这个问题在所有页面/子页面中都很明显，而不仅仅是主页。
更新：
伙计们，非常感谢你们的超快回复。我觉得你做得对。但不是100% --也许我没有清楚地解释我需要它的原因。
添加一个position:fixed 会使将其修复到底部。但是，假设在主页中，页脚位于内容的上方(比如顶部的导航栏)。这不是我需要的。的“粘性”，我的意思是
浏览 10提问于2014-11-06得票数 2
回答已采纳
1回答
当有人向下滚动我们的页面时，在某个时刻出现一个div (带有cta按钮)进入视图。我想要实现的是，从那一刻起，这个div就会变得“粘稠”，如果站点正在向下滚动，那么这个div就会与视口一起滚动到的底部。这个div基本上是，但不是，有点粘粘的页脚，因为网站的其他部分继续滚动在它后面。
现在，我没有问题，在页面顶部的div粘性，但这不是我想要的。它需要贴在底部。
我使用带词缀的引导程序3。我快到了，但还没到。下面的带有css的javascript几乎完成了这项工作，但是div使用id cta时，只要在viewport中可见div，就会跳下viewport。从那一刻起，它很好地向下滚动，视图位于底部
浏览 1提问于2017-08-22得票数 2
我想让一个元素变得粘稠，如果用户滚动过它，它会“粘”到页面的顶部，在用户滚动到它之前，它会粘到页面的底部。
我知道如何使它粘稠，但不是两者兼而有之。
浏览 2提问于2022-01-23得票数 1
4回答
我有一个按钮，我想留在屏幕的底部，无论你如何上下滚动页面。我需要它和窗户底部保持一定的距离。
我怎么才能让它变得像这样粘呢？
浏览 1提问于2015-05-04得票数 5
4回答
我已经为我正在设计的一个网站做了一个下拉列表，我有点被粘头部分卡住了。
但是，当我向下滚动时，标题不会粘在页面的顶部。正如我在CSS中提到的，它总是从顶部保持80 as的距离。
当我滚动时，如何使标题粘在顶部，当我回滚到页面的顶部时，它应该保留原来的位置。希望我已经说清楚了。
只是粘贴我的CSS作为HTML是太长的小提琴。
#nav, #nav ul {
list-style: none outside none;
margin: 0;
padding: 0;
z-index:9998;
position:relative;
}
查看以获得我创建的演示。
浏览 9提问于2013-10-11得票数 0
回答已采纳
2回答
我目前正在开发一个使用Elementor的网站。我试着使用一个单独的插件(Elementor &Header)集成一个页脚，但是，如果只有很少或没有内容，那么页脚就不会粘在页面的底部。
由于这似乎是一个常见的问题，我通过添加以下代码解决了这个问题：
div.footer-width-fixer {
position: fixed;
bottom: 0;
}
现在，页脚粘在页面底部，但是，还有另外两个问题：
页脚与页面底部的内容重叠(见附件图像)。
页脚很粘，虽然我没有把它设置成这样。我只希望页脚出现在页面底部，而不是当访问者滚动的时候。
有什么办
浏览 9提问于2022-09-29得票数 0
4回答
我有一些麻烦，我的脚不会停留在底部的页面，它“粘”在屏幕底部时，我滚动。
它最终掩盖了页面的一部分，因为我滚动，变得非常恼人。
以下是我的HTML：
<div id="footer" style="text-align: center">
<p>Designed by ddrossi93. ©2015. All Rights Reserved.</p>
</div>
我的CSS：
#footer {
border-top:1px solid;
text-align: ce
浏览 7提问于2015-04-30得票数 0
回答已采纳
1回答
我正在一个Shopify商店工作，但我想使这个边栏粘粘和滚动。可以滚动的原因是，当使用position: sticky; css标注时，侧边栏看起来很大，所以直到页面末尾才能看到，然后我很想让它滚动，这样我们就可以不必到页面的底部去过滤了。我找到了类似于overflow-y: scroll;的东西，但没有和粘稠的东西一起工作。我分享一些图片示例：
浏览 1提问于2022-04-11得票数 -1
回答已采纳
本应是几行简单的jQuery代码在Internet Explorer中似乎不能正常工作。在Firefox中运行良好。当你在视区底部200px的范围内滚动时，当你滚动过去时，固定位置的div应该“粘”在页面上。
下面是这个问题的一个jsFiddle示例：
在Firefox中，该示例可以正常工作。当滚动位置距离文档高度的底部为200 px时，固定位置div将变为具有Top:属性的绝对位置，该属性为页面高度减去视口高度减去元素高度。换句话说，当你继续滚动它时，它会“粘住”它所在的位置。
在Internet explorer中，div只是停留在底部，jquery if条件永远不会满足。
浏览 4提问于2011-08-15得票数 0
回答已采纳
2回答
我试图让一个页脚冲到页面的底部，但不一定是粘粘的--只是在底部，以防用户滚动。
这“工作”，但似乎有一点空白在底部后，页脚出现，这看起来有点尴尬。有没有人知道用CSS将页脚冲到底部并将其保持在最底层而不使其粘稠的最佳方法？
如果你想让我发布我的html/css，请告诉我。
浏览 4提问于2014-11-06得票数 3
回答已采纳
1回答
页脚和页长
、、、
感觉应该已经知道如何达到这个效果了，但我不知道，所以这里说：
我希望页脚放在页面底部，如果没有足够的内容，如果页面被填充，我希望它是在所有内容之后。所以当你滚动的时候，它不粘。
你能帮个忙吗？
浏览 3提问于2022-08-05得票数 -1
回答已采纳
只有当用户滚动到页面顶部时，我才想在手机上显示导航条。
目前，每当用户向下滚动或向上滚动时，它都会停留在顶部。我正在使用这里的代码：，下面是示例：
我的JS代码：
new IntersectionObserver(function(e,o){
if (e[0].intersectionRatio > 0){
document.documentElement.removeAttribute('class');
} else {
document.documentElement.setAttrib
浏览 0提问于2018-06-17得票数 1
回答已采纳
1回答
我正在使用一个网站(盖茨比)，在一个页面底部有一个粘条。我用的位置:粘稠的把条子贴在屏幕的底部。然而，除了iOS中的Chrome之外，其他所有移动浏览器都可以使用这一功能。
设想情况：
：这个页面有一个列表。单击项目时，它将在新选项卡中打开第二页。
：这是带有粘滞条的页面，它在一个新的选项卡中打开。
问题:当我进入第一页，点击项目，并进入第二页，打开一个新的选项卡，粘条覆盖从底部工具栏。但是，如果您直接单击第二页的链接并访问它，则粘性条可以正常工作。
你们以前有没有遇到过这样的事？这是iOS Chrome中的一个bug，还是我做错了什么？
用于粘滞条的代码：
.floating-bar {
浏览 2提问于2020-12-01得票数 0
回答已采纳
2回答
我有一个小网页。我正试着在页面底部放一个脚注。在移动平台上，当用户滚动到最后时，自然会显示得很好。但是在桌面上，页脚显示在窗口的中间。
我怎么能把页脚放在屏幕的底部，而不是粘粘的地方，因为它总是在屏幕的底部，我只是为了避免它在屏幕上的窗口中间比网页的内容大。
我正在寻找一个解决方案，与引导或纯CSS。
下面是我的页面的一个示例，请参阅
代码：
<body>
<div>
<h1>Some content</h1>
<p>This is a really small web page. On a standard mo
浏览 3提问于2017-01-27得票数 0
回答已采纳
我想要将一个元素附加到导航栏的底部导航栏是固定的，所以当我滚动时，它将位于顶部。问题是如何更改该元素的页边距顶部，使其顶部成为导航栏的底部。它的底部是固定的..(如果我读得太多，它会被隐藏)，所以当我滚动时，这个元素的高度会变小。
下面是我所做的
$(document).on('scroll', function (e) {
$('.imagebleu').css('opacity', ($(document).scrollTop() / 500));
$('.imagebleu').css('margi
浏览 0提问于2015-07-02得票数 0
1回答
我有一个非常高的图像，我正在使用它作为body标签的背景。然而，页面可能比这个图像更长，所以过了一段时间后，我看到了背景颜色，因为我使用了no-repeat (背景不是图案)。
有没有办法保持背景可滚动，然后当我到达图像的末尾时，让它“粘”在底部，尽管页面一直在滚动？
浏览 1提问于2013-06-27得票数 1
回答已采纳
1回答
我需要一个css，其中底部div应该被粘贴到底部，当数据加载滚动应该通过粘贴底部框div来进行。
Div a在div b内。
div b和a之间的gab有大量的数据加载，这会影响div b的位置，而div b将向下滚动，并将处于视野之外的端口，因此当这些数据加载时，div应该保持粘粘到底部。
浏览 4提问于2021-05-13得票数 0
回答已采纳
2回答
我一直在疯狂地试图实现这一点，但我就是搞不明白(初学者)。
正如你所看到的，当你向下滚动时，顶部的部分会粘在页面的顶部，但也会溢出一点。这是用粘胶做的。我也想对头部底部做同样的事情，在滚动几个像素后，把它“沉”在页面底部，这样就有了更多的可见度，但是不管我怎么做，它都不能工作。
如果有人能帮忙，我会很感激的。
下面是上面部分的代码：
#head {
z-index:101;
display: block;
position: absolute;
bottom: 20%;
width:100%;
margin:0 auto;
right:
浏览 6提问于2014-11-04得票数 2
回答已采纳
我有这个工作时，网站是加载的。底部的页脚。然后，当您滚动到内容时，它会滚动到顶部。然后，当它到达顶部时，它将(持久化标题)粘在顶部作为站点导航。这一切都行得通。
问题是，当我滚动回到顶部时，我希望页脚再次“粘”到底部。现在，根据显示器的不同，它将显示在浏览器底部的上方或下方。
我已经阅读了类似的主题提供的答案，他们解决了页脚粘在底部，我需要的是一旦用户滚动回网站顶部附近，它就“粘”回底部。
有人能帮我完成这件事吗？
这是测试站点的位置，只需滚动即可显示我的问题。
$(function(){
var stickyRibbonTop = $('#main-nav
浏览 3提问于2014-03-18得票数 0
1回答
粘边条和页脚不工作
、、、、
我试图使我的侧导航条粘稠，以便当您滚动页面内容时，侧边栏将保持可见(和可滚动)，而不会与页面内容一起滚动。
我也试图让我的页脚粘粘只有当页面内容是较小的屏幕大小，否则它只有在页面内容结束后才弹出。(如下面的示例：)
我是一个新手网站开发人员，试图使一个朋友的网站作为一个项目。我试图保持该网站的响应，以便它能很好地工作在手机和不同的电脑分辨率。
我使用的引导4.0.0-β3，字体-可怕的4.7.0和javascript。
UPDATE：我尝试使用柔性盒来使页脚粘稠，但它没有工作。
.wrapper {
display: flex;
align-items: stretch;
}
浏览 1提问于2018-01-13得票数 0
回答已采纳
我有一个语义UI粘菜单。我在其他网站上使用它的方式完全相同(相同的骨架)，通常当页面向下滚动时，菜单会得到“固定顶部”类。把它固定在页面的顶部。不过，这一次，在滚动了我的横幅之后，它得到了类“绑定底部”，这使它保持在父元素(主体)的底部。我不明白为什么要应用这些类，也不明白如何应用这些类。我已经尝试添加“固定顶部”到我的菜单，但类被删除和“绑定底部”重新出现，只要我通过滚动一个特定的点。
浏览 0提问于2018-10-22得票数 3
5回答
我在上遇到了一些困难。它几乎正常工作了。
红色的盒子应该以窗户为中心(h&v)。很管用。
黄色的盒子应该贴在窗户的底部。很管用。
当窗口小于400像素时，滚动条应该出现，黄色框应该出现在滚动区域的底部。基本上不希望黄色框出现在红色框上，反之亦然。不管用
有人知道我是怎么做到的吗？
谢谢。
浏览 3提问于2009-08-17得票数 2
回答已采纳
1回答
我正在学习如何使用CSS和jQuery制作粘条。
代码有点脏，因为为了让粘条正常工作，我需要一长一页。您可以看到代码。
要重播这个问题，你得照我说的做。
1)在最新的Firefox或Chrome浏览器中打开页面。
2)将浏览器的滚动条直接拖到页面的末尾(不要停在中间)。你会看到粘条向下滑动，然后向上滑动，最后向下滑动。
3)任意拖动滚动条，问题就会消失。
4)然后刷新页面，在步骤2中执行相同的操作，您将再次看到问题
那真的不是我想要的粘条。我不想让第二步的东西出现。
浏览 1提问于2014-11-22得票数 0
回答已采纳
3回答
我使用的是AHBottomNavigation
问题是当我滚动列表时会隐藏底部导航条，如何停止隐藏列表视图滚动中的底部导航条。
滚动行为类似于，但我想修复(总是可见的)底部导航条。怎么把这个酒吧粘起来。
提前谢谢。
浏览 2提问于2016-09-05得票数 2
回答已采纳
1回答
粘性页脚在我滚动后不会停留在底部
、、、、
我正试着开发一个粘粘的脚。
当您单击添加新的体育按钮时，在页脚中打开的抽屉将停留在底部。
但是当我滚动页面时，页脚正在向上移动。
我在各种岗位上都受到了考验，但仍然没有工作。你能告诉我怎么修吗。-providing我的代码片段，沙箱和屏幕截图下面。
sportsEditTabContentFooter: {
position: "fixed",
left: 0,
bottom: 0,
width: "100 %",
backgroundColor: "red",
浏览 0提问于2018-11-20得票数 0
回答已采纳
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
我网站的菜单和侧边栏都很粘。但是，当屏幕大小小于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
回答已采纳
1回答
结构：
<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>
一个组件有一个按钮，我想把它粘到底部，。像这样：
position: -webkit-sticky;
position: sticky;
bottom: 1rem;
align-self: flex-end;
但你可以看到有一个app-footer -我的按钮不会粘到底部时，滚动在页脚部分。如何使它的底部也粘在脚上面？
浏览 0提问于2018-11-09得票数 0
回答已采纳
我在我的网页上使用jquery.sticky.js。Div正在正常工作，即粘粘，但我需要在我的脚之前停止div。
我在下面的代码中使用了粘性DIV
jQuery(document).ready(function(){ jQuery("#sticker").sticky({topSpacing:0}); });
我的页脚DIV有ID -#停止-粘稠，我如何停止粘贴在页脚部分？
浏览 3提问于2018-02-07得票数 0
回答已采纳
2回答
我有一个滚动视图，其中包含一堆超出屏幕高度的相关布局。如何添加带有2个按钮的线性布局，这些按钮“粘”在屏幕底部。这意味着无论我如何滚动我的滚动视图，我的线性布局总是会出现在屏幕的底部。
浏览 1提问于2011-03-29得票数 5
回答已采纳
我试图对齐一个按钮在底部的滚动屏幕。对于滚动，我使用了SingleChildScrollView，并在其中添加了所有的小部件。现在我面临的唯一问题是按钮没有贴在滚动的底部。我会感谢你的帮助。
正如您可以在图像中看到的，购买现在按钮和添加到购物车按钮对齐在底部。如果我们滚动整个页面，按钮将不会滚动，相反，它将停留在底部。我想用这种方式来实现。
浏览 1提问于2021-01-06得票数 1
回答已采纳
1回答
我想让我的侧边栏菜单粘当滚动页面。
的一个例子可以在这里找到：
我的网站的一个代码示例可以在这里找到：
您可以在这里看到我的站点的现场演示：
侧栏菜单在滚动时应该保持在顶部菜单下，就像示例一样。
我试着用
#scrollspy{
position: sticky;
top: 200px;
}
但那不管用。我的侧边栏菜单粘不住了。
有人能帮我想办法解决这个问题吗？
浏览 3提问于2022-10-25得票数 1
回答已采纳
2回答
我有一个关于页脚的问题。我试着把页脚贴在页面的底部。
但当我滚动页脚时，页脚也会滚动到顶部。就像它固定在页面上一样。在我的网站上，我使用的是jQuery、jQuery手机、bootstrap。
还有一个额外的页脚栏，它确实是固定的，但我不能在里面写任何东西。
<div data-role="footer" class="ui-bar" data-position="fixed">
<p>footer</p>
</div>
上的示例
浏览 0提问于2013-10-29得票数 0
希望我能解释清楚这一点。我找了很多排列都找不到任何与...
我有一个栏，有一些按钮，它使用绝对和固定的定位“粘”到视窗的底部。我理解这一点(使用bootstrap 4)。
我想要发生的是，当用户滚动页面，然后页脚进入视图时，按钮栏将与页脚一起向上移动，这样就不会模糊页脚。当用户向下滚动页面，页脚移出视图时，按钮栏将停留在视口的底部。
我该如何处理这个问题呢？我试了一堆东西，但似乎不能把它锁在页脚上。
谢谢你所有的建议。
浏览 11提问于2020-02-20得票数 0
1回答
我网页中的页脚总是贴在覆盖内容的页面底部，而不是一直停留在页面内容之后。我使用的绝对位置，但它只是去的地点，即底部的视图，当页面在顶部，并停留在那里，以便它可以滚动过去。
.footer{
width: 100%;
position: absolute;
bottom: 0;
background-color: lightblue;
}
<p>Lorem ipsem...</p><p>Lorem ipsem...</p><p>Lorem ipsem...</p><p>Lorem ipsem.
浏览 0提问于2018-08-09得票数 1
回答已采纳
1回答
其他的位置都很好，但是当我尝试粘粘它的时候，它就不起作用了。我希望父容器粘在我的页面底部。
.control-con {
position: sticky;
bottom: 0px;
width: 100%;
}
<section class="control-con">
<article class="controls">
<input type="range" name="playbar" class="playbar">
</artic
浏览 3提问于2022-10-05得票数 1
2回答
我在我正在构建的HTML页面的右侧有一个固定位置的div。当页面滚动时，这个div是粘性的。问题是，在较小的屏幕上，一些内容是隐藏的，因为它不能完全适应页面(例如：)。
我试图解决这个问题，方法是将内容放在容器div内的div中，将容器div设置为bottom值，将内部div设置为容器div高度的100%，并在内部div上设置overflow: auto。这种解决方案的问题是，在较大的屏幕上，内部div的底部会出现大量丑陋的空白。
有没有办法让整个文本都可以看到，div仍然是position: fixed，并且div的底部“粘”到了文本的最后一行，这样div底部就没有空格了？
浏览 1提问于2012-06-02得票数 1
1回答
棒导航条延迟
、、、、
这个问题我就是没法想清楚。导航。在页面顶部粘贴栏，并与用户一起上下滚动，但延迟至少10秒才能完成。
基本上，一旦页面加载，对于第一个10+秒，导航条不会粘粘，但是10秒后，如果您滚动并运行非常好，直到页面或站点上的另一个页面被加载时，它就会粘粘。
我精通HTML和CSS，但对Javascript / PHP / jquery知之甚少(我认为这是导航条粘性效应背后的原因)，所以我不确定应该在这里再现哪些代码。
浏览 4提问于2013-12-25得票数 0
回答已采纳
1回答
我正试着把一个粘粘的脚放在中间，但没有用。这就是我试过的：
HTML：
<div class="footer-be">
<div class="footer-be-middle">
<eGov:EgovReusableContentControl runat="server" id="menuContent" ReusableContentListItemTitle="MasterPage_FooterMenus"/>
浏览 2提问于2016-04-05得票数 0
回答已采纳
2回答
粘性页脚和内容滚动WP
、、、、
我们在有一个使用responsive2主题的Wordpress站点。我们正在尝试获得一个看起来工作正常的粘性页眉，但是我们也试图获得一个粘页脚，它只是粘在页面底部，工作方式类似于的页面。
因为responsive2的主题有点神秘，我怎么能；
1。使用正确的粘性方法将页脚固定在页面底部，而不是固定位置：
2。当页面上有足够的空间时，停止主内容不必要的滚动吗？
html源：
视图-来源：
css
#footer {
position: relative;
clear:both;
font-size: 11px;
line-height: 1.5em;
bac
浏览 1提问于2013-01-30得票数 0
我正在使用一个jquery对话框，我希望它弹出窗口的左下角，并在滚动时“粘”在那里。我尝试了几种选择，比如：
$(“#.dialog”)({位置：{ my：“左侧底部”，在：“左侧底部”，of: window })；
和，但他们不能工作。
如何在左下角显示弹出，并在滚动时将其留在那里？
浏览 1提问于2013-12-28得票数 1
可能已经有一个jQuery插件可以实现这一点，但我找不到一个来做我想做的事情。如果有的话，请告诉我这个教程，谢谢。
我的问题是，我有很长的页面内容，当您在页面底部附近滚动时，我的侧边栏是不可见的。
因此，我想让我的#侧边栏div坚持在我的浏览器窗口的顶部和底部，因为你滚动的页面上和下。
我的侧边栏高度比你典型的屏幕分辨率要长，所以我需要侧边栏的底部粘到浏览器窗口的底部和浏览器的顶部。
所以当你开始向下滚动的时候，侧边栏会像往常一样滚动，但是当你到达侧边栏的末端，它就会粘住而不会滚动，当你开始向上滚动的时候，侧边栏会跟随直到侧边栏的顶部到达浏览器，然后它会粘住。副Versa。
这个是可能的吗？
浏览 6提问于2012-02-22得票数 9
2回答
尝试使页脚位于底部，内容自动居中于页眉和页脚之间。
目前正在使用这种技术：
但我的页脚出现在下方，并在两者之间创造了一个巨大的差距。
网址: Stingrayimages.ca
编辑:所以我设法让页脚贴在底部。但是，页脚不在页面的底部，它会留下一点滚动。当缩小窗口时，页脚不会停在内容所在的位置。
此外，我不能让内容div留在中间而不把一切都搞乱。
浏览 1提问于2011-04-15得票数 0
我有一个侧边栏，当它点击标题时我想要粘粘-所以我写了一个脚本，当滚动到正确的位置时给它一个固定的类，然后给它一个固定的位置。Sp到目前为止还不错--但是侧边栏有一个展开列，并且这个扩展被修正了，侧边栏在页面上下移动。
我怎样才能让它粘在一起，却仍然把内容推下去？
浏览 2提问于2015-08-19得票数 0
因此，我有一个产品页面，其中描述是一个相对于viewport的固定元素。但是，当一直滚动到底部时，元素将与页脚内容重叠，看起来不太好。
我要做的是使用jQuery来确定description元素底部开始与脚注元素顶部重叠的确切位置，并将其更改为绝对位置，其底部与脚注元素的位置相等。我想要的结果是，如果不重叠的话，它就会“粘”到页脚的顶部。
这是我的密码：
$(window).scroll(function() {
//offset of bottom of element from top
var osProduct = $('.product-single__meta
浏览 2提问于2017-02-09得票数 0
1回答
我有一个有许多选项的<select>框，你可以滚动浏览这些选项。当您滚动到选项列表的底部并继续滚动时，滚动会“溢出”到父窗口，并向下滚动窗口。有没有办法关闭这一功能，即当你滚动到底部时，向下滚动是禁用的？
是一把小提琴。要获得我所描述的效果，请将鼠标悬停在多个选项上，然后向下滚动(使用触控板、滚轮等)到底部，然后继续滚动。整个页面将滚动。我想要的行为是，当您到达选择选项的底部时，整个页面不滚动。
浏览 5提问于2014-01-07得票数 0
正如您可以在网站上看到的，页脚没有附加到页面底部，因为没有足够的内容。我想要页脚：
当没有滚动时在页面底部
当窗口进一步缩小时，我希望我的内容定义最小值(换句话说，页脚不应该与内容重叠。)
当有大量内容时，我希望页脚位于页面底部(在滚动之前不一定可见)。
我尝试在上使用这个例子，但没有取得什么成功，我所能得到的最好的方法是将页脚贴在底部，但当窗口调整大小时，它会与内容重叠。
有人能告诉我是否有办法让它工作而不改变页面结构吗？
我已经花了大约6个小时试图使这个工作，并尝试了无数的技术。如果有人能尝试这样做，并且只提交一个他们在我的网站上测试过的答案，我将非常感激。就像我说的
浏览 0提问于2013-09-21得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
