滚动固定侧边栏，滚动后取消固定

文章/答案/技术大牛

发布

1回答

javascript、html、jquery、user-interface

我正在尝试模仿这个站点的一个功能：https://johnkingforgovernor.com/home.html 如果向下滚动，右侧会有一个框跟随您向下滚动页面，直到到达页脚。因此，这就像是某种排序逻辑，用于设置一个固定侧边栏的窗口。这是我的代码。

浏览 22提问于2021-04-27得票数 1

5回答

如何将高度大于视点的定位差贴在身体上

jquery、css、html

我知道div的定位(固定的、绝对的和相对的)。我可以附加一个固定的div到身体，这样它将坚持到相同的位置，而滚动身体。在这里，我提出了一个有点不同的问题。我有一个侧边栏，高度高于视口高度，我希望它被固定在身体上。在滚动身体的同时，它也应该滚动，但一旦底部的固定div可见，它就不应该随着身体滚动。例如，Facebook墙的右侧侧边栏与body一起滚动，并在右侧<em

浏览 3提问于2014-09-23得票数 7

回答已采纳

1回答

固定位置长内容边栏

jquery、html、css、css-position

我有一个长侧边栏的网站(内容高度超过一个浏览器‘屏幕’)。我需要的是：当向下滚动页面时，我们还滚动侧边栏(因为它是静态位置)当屏幕底部到达侧边栏底部时，我们开始拖动它(侧边栏位置固定到底部)，当我们拖动它一段时间后，当滚动时，再次滚动它就像静态位置一样，当屏幕顶部到达侧边栏顶部时，我们开始拖它直到它到达它的制高点，它应该重新定

浏览 3提问于2012-06-16得票数 2

2回答

溢出时，固定元素后面的内容

css、overflow

正如您在下面的代码页中所看到的，我有一个小的布局，包括一个固定的标题和一个固定的侧边栏。在侧边栏中，我在它的底部有另一个div，所以我想在侧栏菜单上滚动，但是边栏页脚固定在底部(所以我将属性overflow: auto;添加到侧栏中。问题是，当您使屏幕变小时，您可以在侧边栏上滚动，并且页脚是固定的，但是一些内容仍然保留在

浏览 4提问于2017-08-09得票数 0

回答已采纳

4回答

如何实现带有固定侧边栏和可滚动内容的CSS布局？

html、css、css-float

我想创建这样一个布局：Red：固定的边栏，打开后向右扩展。现在，当我尝试使用float属性对其进行编码时，侧边栏也会滚动。如何创建不滚动的固定侧边栏？然而，右边的内容仍然应该滚动。 float: left; 谢谢您抽时间见我。

浏览 3提问于2013-07-10得票数 1

回答已采纳

1回答

Bootstrap侧边栏-根据滚动位置进行固定

twitter-bootstrap-3、affix

请看我下面的小提琴： top: 0;要使屏幕更宽，请滚动屏幕。我想要的是，如果我滚动，当滚动到达标题底部时，侧边栏会变得固定。然后，当我滚动到页脚时，侧边栏是不固定的，它跟随页脚。

浏览 2提问于2016-03-29得票数 0

1回答

从可滚动固定位置div中突出的绝对定位div

css、css-position

我有一个有固定滚动边栏的页面。当在侧边栏中悬停其中一个按钮时，我想在按钮旁边显示一个弹出/工具提示。然而工具提示比侧边栏要大，所以它需要突出。这似乎与其可滚动有关。如果我删除溢出-y:滚动从侧边栏，工具提示开始工作，但当它是可滚动</

浏览 5提问于2014-01-10得票数 1

回答已采纳

2回答

修复Bootstrap中滚动边栏的问题

html、css、twitter-bootstrap

所以我想让我的左边栏在侧边栏底部内容显示的时候固定下来，并在滚动到页脚时保持固定。然后，每当你向后滚动时，当侧边栏的顶部到达顶部时，侧边栏将保持固定。我可以使用Bootstrap词缀来做这个吗？它就像这样(左边栏行为)：我非常感谢任何帮助，我不知道是否粘贴我所有的代码在这里(它是如此之多)，但我有一个标题，侧边栏，内容和页脚。

浏览 12提问于2017-08-03得票数 0

2回答

用柔性箱固定左侧杆

html、css、flexbox

我正在尝试使用挠曲盒的左侧侧边栏。问题是侧边栏在向下滚动时也在移动。我读了一篇关于“用柔性盒固定侧边栏的位置”的文章。我尝试了使容器像屏幕一样高的解决方案，并且只在主要

浏览 0提问于2017-05-23得票数 1

回答已采纳

3回答

如何使一个元素的假位置:固定，使它的行为固定，直到一定的滚动高度，然后附加？

javascript、html、css

许多网站都有一个功能，当你滚动到某个点时，页面上会固定出现一个元素，比如侧边栏的末端，然后它就固定在那个侧边栏的底部。一旦你向上滚动，它就开始像一个固定的元素一样，在你滚动的时候停留在你的屏幕上。

浏览 0提问于2012-03-01得票数 8

回答已采纳

2回答

无滚动的固定位置侧边栏-将高度设置为内容高度

javascript、jquery、html

我有一个简单的页面，有一个固定的侧边栏(导航)和一个正常滚动的内容区域。侧边栏位置:固定，内容区域正常。侧边栏(如果比浏览器高)使用滚动条来显示侧边栏的其余内容。我正在尝试让侧边栏onload设置它的高度和它的内容一样高，这样就不会有滚动。因此，如果侧边栏的高度是2000px，所有内容都加载进去，onload

浏览 0提问于2016-05-10得票数 0

2回答

如何正确实现固定侧边栏？

css、sidebar

我正在尝试完成这个设计：有没有更聪明的方法来实现这一点？

浏览 35提问于2013-03-24得票数 29

回答已采纳

2回答

如何构建类似Facebook提要侧边栏的粘性滚动侧边栏行为

html、css、reactjs

但是，如果您的侧边栏比视区大，则侧栏需要有一些滚动机制，以便在向下滚动提要时可以看到侧边栏的底部。当你的视口比你的侧边栏(简单情况)高的时候，侧栏的行为与您期望的位置完全相同:粘滞。侧边栏停留在相同的地方，并跟随你滚动和向上滚动

浏览 5提问于2020-02-13得票数 0

2回答

无法滚动管理中的控件-侧边栏

css、bootstrap-4、adminlte

我在我的控件边栏中遇到了问题。在添加类布局后，我无法滚动侧边栏-固定在标记主体中。我为我糟糕的英语感到抱歉。之前谢谢你了。 

浏览 4提问于2021-04-12得票数 0

2回答

CSS:固定位置的侧边栏被切断

css、css-position

我的网站有一个边栏，里面有很多东西，所以浏览器视图必须有至少1020像素的高度才能看到它，而不必滚动(当然，除非你放大)。我希望侧边栏的位置是固定的，这样当你在一个页面上有很多内容，侧边栏保持在与你滚动相同的位置。但是如果我调整浏览器窗口的大小，侧边栏就会被切断。当我滚动浏览页面的内容时，我可以看到页面的所有内容，但是由于其位置固定，侧边栏仍然被

浏览 8提问于2011-06-09得票数 6

回答已采纳

1回答

无法将粘滞项目固定在滚动上

javascript、php、html

我有一个php页面，在中，侧边栏仍然固定在滚动上，即类别侧边栏，但在中包含它时，侧边栏不会保持固定。我想知道如何解决这个问题。谢谢。

浏览 0提问于2018-07-03得票数 0

2回答

侧边栏位置"semi“固定css

css、position、fixed、sidebar

我如何获得一个固定的侧边栏，比如这个站点上包含社交按钮的侧边栏：我希望我的侧边栏是固定在我的屏幕顶部时，我向下滚动，但在页面顶部必须有一个绝对的位置，使它停止跟随浏览器当我滚动。

浏览 1提问于2013-04-19得票数 4

1回答

在HTML中实现一个浮动侧边栏，它在页眉和页脚的边界内保持可见

javascript、html、css

我在Stackoverflow上看到了几个关于浮动或固定侧边栏的问题，但我找不到一个涵盖这种情况的问题。当页面向上滚动时，侧边栏也会随之向上滚动，直到它的顶部边缘到达窗口顶部。随着滚动的继续，侧边栏一直固定在原来的位置，直到页脚向上并将侧边栏推到它自己的位置。因此，侧边栏总是被困在页眉和页脚之间，但在这个

浏览 0提问于2014-01-29得票数 0

1回答

滚动到顶部时淡入淡出的问题

jquery

我有一个网站的固定侧栏包含网站标题，然后网站内容滚动在右边。我想淡入一个滚动到顶部按钮在标题(侧边栏)使用类似的方法，但它似乎没有触发，它可以做与网站有一个固定的侧边栏？如何重写jquery以查看滚动内容而不是整个页面滚动$(document).ready(function(){

浏览 2提问于2013-05-03得票数 0

2回答

Bootstrap 4固定顶部导航和固定侧边栏

twitter-bootstrap、bootstrap-4、navbar、sidebar、sticky

这是一个很好的例子，演示了如何使用侧边栏创建导航栏。任何人都可以修改代码，使顶部导航固定在顶部，侧边栏固定/静态，只滚动主页内容吗？我可以通过将class="fixed-top"分配给nav来使导航顶部固定，但我不知道如何固定侧边栏，使其保持在相同的位置，而不是滚动主页内容。将class="sticky-top"应

浏览 2提问于2018-04-04得票数 18

回答已采纳

点击加载更多