当到达浏览器的顶部边缘时，粘滞的左侧边栏缩小和右侧栏扩展

文章/答案/技术大牛

发布

0回答

html、css

日安，我需要一点编程帮助，我只是把一个简单的粘性博客代码放在我的博客上。它工作得很好，但只有一件事需要修复。当侧边栏到达浏览器顶部边缘时，左侧会稍微收缩，右侧会在滚动条旁边展开。我应该怎么做才能让这两个侧边栏保持一致。下面是我在博客中使用的代码。

浏览 6提问于2018-07-17得票数 1

回答已采纳

1回答

当屏幕宽度较小时，如何确定粘性侧边栏的位置？

javascript、html、css、reactjs

我想在主面板的右侧放置一个粘性的侧边栏。粘性侧边栏应该是“粘性”的，当向下滚动到它自己的顶部时，侧边栏将确定位置并停留在页面的顶部，而不是向上滚动。我已经在这里完成了部分工作：https://codesandbox.io/s/gallant-saha-zgmnw 现在我的

浏览 13提问于2021-01-14得票数 0

1回答

带有固定头表的CSS / Javascript布局问题，以及jquery侧耳动画

javascript、jquery、css

在下面的场景中，我有一个令人沮丧的问题：使用jquery插件将页面标题和表标题行固定在页面顶部。我可以使用的位置:

浏览 3提问于2011-09-22得票数 0

回答已采纳

2回答

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

html、css、reactjs

了解所需行为的最佳方法是测试您的facebook提要并缩小屏幕高度，以便您的视口小于侧栏的高度。我想在这里总结一下：侧栏的行为与您期望的位置完全相同:粘滞。侧边栏停留在相同的地方，并跟随你滚动和向上滚动。<

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

1回答

带Javascript的粘滞边条效应(不使用插件)

javascript、sidebar、sticky

我怎样才能像Udemy页面课程那样用侧边栏做些什么呢？当用户向下滚动页面时，侧边栏就会固定在页面顶部，当到达某个地方(在触摸页脚之前)，侧边栏就不再粘稠了。在向下滚动时，我已经可以将粘滞的边栏放到顶部，但是当滚动到页脚时，我不知道如何停止粘粘。我的抄本： var sidebar = $(&#x

浏览 0提问于2018-09-19得票数 1

回答已采纳

2回答

jQuery - DIV以滚动动作移动，并将位置保持在窗口的顶部和底部。

javascript、jquery、scroll、sticky

可能已经有一个jQuery插件可以实现这一点，但我找不到一个来做我想做的事情。如果有的话，请告诉我这个教程，谢谢。我的问题是，我有很长的页面内容，当您在页面底部附近滚动时，我的侧边栏是不可见的。因此，我想让我的#侧边栏div坚持在我的浏览器窗口的顶部和底部，因为你滚动的页面

浏览 6提问于2012-02-22得票数 9

1回答

固定位置长内容边栏

jquery、html、css、css-position

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

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

1回答

带有改变高度的标题的粘性侧边栏？

jquery、sidebar、sticky

我想要实现的目标如下：我有一个侧边栏，大约200px从顶部，当打开网站。上面是我的标题，标题下面是一个菜单(当它到达菜单顶部时，它是粘性的)。在这下面，我想要侧边栏div (我们称它为.sidebar)，当它到达顶部(减去菜单，它应该总是停留在页面顶部)时也会变得粘

浏览 1提问于2013-05-27得票数 1

回答已采纳

1回答

React.js中的粘边条

javascript、reactjs、sidebar、sticky

对于相同的问题，我尝试了一些包以及jquery解决方案。(我抄袭了这个问题，因为它解释得很好)。但我想让它有反应。救命！当您向下滚动时，侧栏与页面内容保持水平，这样您就可以同时滚动边栏和内容。到达侧边栏的底部，侧边

浏览 8提问于2019-12-15得票数 4

1回答

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

javascript、html、css

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

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

2回答

引导左和右侧边栏问题

twitter-bootstrap、sidebar

我正在尝试创建一个具有以下特性的页面：有一个主要的内容领域。当一个或多个侧边栏被隐藏时，主内容区域会扩展以填补空白。当两个侧边栏打开时</

浏览 8提问于2014-08-21得票数 2

回答已采纳

1回答

如何根据另一个元素的预期滚动距离向scrollTop添加

javascript、jquery

小提琴：当滚动到侧边

浏览 1提问于2012-09-24得票数 1

3回答

居中位置:当视口达到指定宽度时固定div

html、css、center、css-position

我希望为我的网站创建一个布局，其中侧栏是固定在视窗的右侧30%的宽度(内容在它的左边)，直到浏览器窗口达到一定的宽度，在这一点上，我希望内容和侧栏居中，不再与浏览器窗口增长(因为它变得很难阅读在非常大的宽度: gray;#content { margin-right: 30%;} 在这一点上，

浏览 2提问于2012-04-04得票数 0

2回答

CSS:固定中心的可变宽度侧板

layout、css

我需要以下布局，有三个栏，左，内容和右。因此

浏览 4提问于2012-08-06得票数 0

1回答

内容完成后停止div滚动，而另一个div继续滚动。

html、css

用三根垂直柱进行新的设计。当右侧边栏的内容到达结束时，它停止滚动，而主内容列继续滚动。有点类似于雅虎的布局

浏览 2提问于2013-07-24得票数 0

回答已采纳

2回答

如何制作像reddit网站那样的固定侧栏？

javascript、html、css、reddit

我已经尝试了固定和粘滞位置。假设我们的网站有两个栏，主栏和sidebar.And我们的侧栏的内容比查看端口的高度长(就像在网站中，因为它包含页脚和一些广告).With固定位置，侧栏在页面上不滚动scroll.With粘滞位置，侧栏最初是粘滞的，只有当主栏结束时才滚动。在red

浏览 26提问于2018-08-29得票数 0

1回答

Chrome在Android上的高度和宽度比视窗大100%？

android、css、google-chrome、mobile

我在android手机上的Chrome遇到了一个问题，在我的网页上有一个100%宽和高的元素超出了视窗？如果你将页面缩小到移动设备的大小，你会看到侧边栏菜单隐藏在屏幕之外，出现一个菜单按钮将它带回来。当您单击菜单按钮<

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

2回答

100%的高度和宽度，CSS和动态内容

html、css、fluid-layout、browser-width

我已经环顾四周，还没有找到我正在寻找的东西，所以希望这个问题还没有在其他地方得到回答！无论如何，有问题的布局可以在中找到。我正在努力实现的是一个固定宽度的左栏，和一个流动宽度的内容区域。但是，当内容扩展到超出浏览器窗口的高度或宽度时，部分似乎不会像我希望的那样扩展。请注意，顶部的灰色条没有<

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

回答已采纳

1回答

使用CSS3关键帧动画div滑动，但div推送其他div

html、css、keyframe

除了一件事外，一切都很好:当div到达他们最后的位置时(在关键帧的100% )，左div将上div推到文档的底部。HTML： <div id="l

浏览 1提问于2013-11-08得票数 0

回答已采纳

1回答

我所有的铬扩展都隐藏在一个下拉列表后面。

chrome

今天，我发现我所有安装的Chromium菜单都隐藏在下拉样式的后面：有人知道怎么把他们找回来吗？

浏览 0提问于2012-07-28得票数 3

回答已采纳

点击加载更多