Bootstrap -粘性导航栏，粘性侧边栏(左和右)与动态内容时，您滚动

文章/答案/技术大牛

发布

1回答

javascript、jquery、html、css、twitter-bootstrap

我正在尝试做一个带有粘性导航栏和粘性侧边栏的bootstrap布局(完全像Facebook布局)。但是，当您滚动页面时，内容需要更改。我花了很多时间寻找如何使用bootstrap来实现这一点，使facebook风格的粘性布局不是问题，但我找不到任何bootstrap示例，可以在滚动时更改<em

浏览 67提问于2018-08-06得票数 0

回答已采纳

1回答

React.js中的粘边条

javascript、reactjs、sidebar、sticky

粘性侧边栏:向下滚动时坚持到底部，向上滚动时保持顶部。当您向下滚动时，侧栏与页面内容保持水平，这样您就可以同时滚动边栏和内容。到达侧边栏的底部，侧边栏会粘在视口的底部(大多数

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

1回答

如何将滑动面板与粘性头结合起来？

css、twitter-bootstrap、css-position、css-transforms

…左列可以从左边滑动，通过滑动或点击按钮触发。现在我试着实现这一点：创建一个3列布局和隐藏左和右列是容易的，使用引导.这就是<e

浏览 2提问于2014-06-27得票数 0

回答已采纳

2回答

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

html、css、reactjs

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

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

1回答

如何在使用bootstrap js滚动主要内容时使左侧边栏固定并始终可用？

twitter-bootstrap

我正在开发一个使用bootstrap 3的页面，其中我有一个左菜单和一个主要内容和右菜单。我的要求是，当滚动主要内容时，侧边菜单应该始终在左侧可见，以便用户选择选项？请帮我弄一下这个。我尝试为侧边栏的div提供css作为"position: fixed“，这使得侧边栏在滚动时固定，但主要内容<

浏览 2提问于2014-02-03得票数 1

1回答

在页面的左侧和右侧粘贴引导。

javascript、jquery、html、css、twitter-bootstrap

左柱(col lg-3)中心柱( column 6)右列( Column 3)请访问。到目前为止，左列的工作方式与我想要的be..and完全一样，我希望右列的行为与左<

浏览 3提问于2015-02-05得票数 2

回答已采纳

1回答

添加一个与站点包装器右边缘左对齐的粘性侧边栏

css、sidebar、sticky

我想添加一个粘性的侧边栏，当你向下滚动时，它会留在原处。的电子邮件选择表单就是一个例子。但是，与该示例不同的是，我希望侧边栏与包装器的右边缘左对齐。

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

1回答

如何让孙子元素变得粘性？

css、sticky

我如何让左侧边栏(孙子)相对于主体是粘性的，但导航栏和主要内容是可滚动的。

浏览 11提问于2021-02-09得票数 0

回答已采纳

1回答

具有三列布局、页眉和水平菜单的粘性页脚

html、css、sticky-footer

我想要的是粘性页脚与100% width (或页脚与打开的网站水平延伸)，我想为它设置一个颜色。但是当我滚动页面时，我不希望页脚被卡在底部，我希望它在滚动时与页面一起滚动。然后，在页脚上方，我想要一个以为中心的3列(右、左和中心内容)，它有一个页眉和水平导航栏区域。然后，在这个布局之外，我可以设置背景、颜色<e

浏览 2提问于2011-10-29得票数 0

回答已采纳

1回答

在向下滚动时使侧边栏粘滞，同时保持相对状态

jquery、css、wordpress、css-position

早上好，我正在用(S)CSS和ACF (高级自定义字段)从头开始建立我的第一个WordPress网站。我想要实现的是一个侧边栏，坚持到顶部时，滚动下来。我使用(S)CSS，bootstrap4和jQuery来做这件事。我已经知道我的侧边栏将停留在滚动的顶部，但由于我必须使用position: fixed而不是position: relative，页脚将穿过侧边栏，因为它不再与其他

浏览 17提问于2019-08-09得票数 0

回答已采纳

1回答

在Bootstrap* 4.5上只有1列滚动，而其余的都是粘滞的*

html、css、twitter-bootstrap、sticky

我想要一个导航栏和3列布局，只有中间的列滚动，其余的留在屏幕上。(导航和左右列是粘性的)另外，左列和右列应该在移动设备上折叠(它们确实是这样的) 这是我所拥有的 <nav> //lots of stuff here </nav> <

浏览 15提问于2020-06-30得票数 0

回答已采纳

1回答

先进粘性定位

html、css、css-position、sticky

这是一个角度工程，我已经管理了静态和动态元素。我已经添加了粘性位置到侧栏-菜单，标题，动作面板。但现在侧边栏的位置不能工作，我有一些问题的标题和行动面板，这样的框阴影隐藏；

浏览 0提问于2019-07-23得票数 3

回答已采纳

1回答

带有CSS的粘性侧边栏(无javascript)

css、sticky

我想做一个只使用CSS的粘性侧边栏布局。我正在尝试使用position: sticky来实现，但就是不能让它工作。=( 考虑到我的布局上有两列--主要内容(橙色)和侧边栏(绿色)--当主要内容高度很长并且需要滚动时，我不能把侧边栏放在底部。请注意，在我向下滚动到侧边栏(绿色)的底部后，它将跟随主要内容，直到到达

浏览 20提问于2018-12-24得票数 0

8回答

粘性侧边栏:向下滚动时固定在底部，向上滚动时固定在顶部

jquery、position、fixed、sidebar、sticky

我已经寻找了一段时间来解决我的粘性侧边栏问题。我有一个具体的想法，我希望它如何动作；实际上，当你向下滚动时，我希望它停留在底部，然后当你向上滚动时，我希望它以流畅的运动(没有跳跃)停留在顶部。当您向下滚动边栏时，将与页面内容保持水平，以便您可以同时滚动侧栏和内容。到达侧栏底部时</em

浏览 76提问于2013-08-21得票数 108

回答已采纳

3回答

如何保持位置:相对内容不与我的位置:粘性标题重叠？

html、css、css-position、overlapping

我有一个粘性的顶部导航栏，我希望在滚动时保持可见，并高于所有其他内容。我在页面上有设置为position: relative的内容，这样我就可以在它周围放置其他元素。当我这样做时，相对内容会在滚动时忽略导航栏，并与导航栏重叠。有没有办法让我的页面内容相对定位，同时还能看到粘性的导航</

浏览 35提问于2019-09-12得票数 7

1回答

隐藏元素显示后的粘滞边栏

jquery、html、css、sidebar、sticky

我正在寻找粘性的侧边栏，它可以做一些特定的事情，但我甚至不确定如何表达我的查询/是否存在这样的查询。我想在我的标题/导航的正下方的侧边栏中有一个粘性的行动号召和一个图像。当用户滚动时，我不希望行动号召一直出现在页面顶部。我希望它停留在相对相同的位置。我想用更多的文本来填充标题、导航和图像留下的空白。当用户接近页面的底部时，页脚就会出现，并在必

浏览 0提问于2014-04-03得票数 0

1回答

jQuery -滚动后粘贴的侧边栏，不工作

jquery、html、css、sticky

我想使用来自的代码来制作一个粘稠的侧边栏。我的目的是使侧边栏坚持在顶部，当我滚动通过它。我试着在我的代码上修改这个方法，但是它不起作用。 } else { $('#sidebar

浏览 3提问于2017-01-14得票数 0

回答已采纳

2回答

Bootstrap导航栏-固定底部粘性页脚

html、css、twitter-bootstrap、backbone.js、marionette

我正在使用bootstrap的navbar -fixed bottom在底部添加一个粘性的导航栏。这很好用。我遇到的问题是，当我使用Backbone.Marionette动态添加内容时，导航栏不再停留在底部-相反，它只是停留在相同的位置，隐藏一些内容，最终当我添加更多内容时，内容就会移到导航栏的下方。有没有一种方法可以强迫<em

浏览 0提问于2014-08-06得票数 1

回答已采纳

1回答

如何在BottomBar Android中创建作为StickyBottomCaptureLayout的StickyBottomCaptureLayout？

android、android-layout、android-orientation、android-camera2、android-bottomnav

无论设备方向如何，这个StickyBottomCaptureLayout总是显示在系统栏的上方/附近(它有返回、家庭和其他应用程序按钮)。我不能扩展，但是我试图复制这个案例。/>/包含上面的视图<StickyBottomBa

浏览 8提问于2017-03-05得票数 3

回答已采纳

2回答

Google DFP广告从粘性侧边栏中出现并迅速消失

css、wordpress、sidebar、sticky、google-dfp

我在我的网站上使用了一个粘性的侧边栏-- ，里面有DFP的广告。这在所有浏览器中都是随机发生的，但在Edge浏览器中几乎总是如此。

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

点击加载更多