CSS中的粘滞div

文章/答案/技术大牛

发布

2回答

html、css

我希望将div向下推(参见截图中的“移动地图时搜索”)，使其浮动在地图之上，但是如果我为margin-top或top使用任何常量，那么它是相对于父div (地图)的，而不是浏览器窗口。我该怎么做？Website link我曾尝试将position: relative;添加到父#map中，但得到的结果如下(地图被隐藏)： ? 这是我的CSS代码： #map { posi

浏览 24提问于2020-03-24得票数 2

回答已采纳

1回答

位置:粘滞不能与top属性一起工作？

javascript、jquery、html、css

位置:带有类侧边栏的div上的粘滞，底部:10px可以正常工作，但顶部:10px的属性不能像预期的那样工作？在带有类侧边栏的div上使用position: sticky with bottom: 10px，当我们向下滚动div stick到view port时，它的底部边缘在10px以上。类似地，在带有类侧边栏的div上的position: sticky with

浏览 14提问于2017-07-27得票数 3

1回答

StickyJS:当元素“粘性”时如何改变css？

javascript

script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sticky/1.0.3/jquery.sticky.min.js"></script> 但是现在我需要改变分享条的颜色，当这个条是“粘性”的时候:当元素不粘性时，它应该是#3

浏览 1提问于2016-12-04得票数 1

1回答

页面滚动时停留在页面底部的粘滞div。

jquery、twitter-bootstrap、viewport、sticky、affix

当有人向下滚动我们的页面时，在某个时刻出现一个div (带有cta按钮)进入视图。我想要实现的是，从那一刻起，这个div就会变得“粘稠”，如果站点正在向下滚动，那么这个div就会与视口一起滚动到的底部。这个div基本上是，但不是，有点粘粘的页脚，因为网站的其他部分继续滚动在它后面。我使用带词缀的

浏览 1提问于2017-08-22得票数 2

2回答

DIV在涡旋中的位置变化

jquery、html、css、asp.net、scroll

我有张桌子<tr> <td> ---- asp.net gridview </td>我的javascript来自另一篇论坛文章 <script language="javascript" type="tex

浏览 7提问于2015-10-15得票数 0

回答已采纳

2回答

粘滞导航和jQuery

javascript、php、jquery、html、css

希望构建一个粘滞的导航，当粘滞的导航触发时，添加“is- sticky”类，我想向另一个div添加一个不同的类。 if ( $(".sticky-wrapper").hasClass("is-sticky") ) { $("#menu-item-25").css

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

1回答

我有一个div元素包含动态文本多达单词(10到250).Now我必须使另一个div像粘滞一样，当用户到达第一个div的按钮，其中包含普通的text.Here是我一直以来尝试。if(($(document).scrollTop() <$(".scroller_anchor").offset().top ) ){ $('.scroller_anchor').css).scrollTop() > ($("

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

1回答

粘性标题滚动功能错误

javascript、html

我为我的头编写了以下代码，如果它到达窗口顶部，它就会变得粘滞： var stickyHeaderTop = $('#outer-header').offset()function () { $('#outer-header').cssfixed', top: '-300px

浏览 0提问于2013-04-09得票数 0

回答已采纳

1回答

在滚动“粘性元素”时，需要坚持在“页脚区域”之前，而不是在页面底部。

javascript、jquery

我有一个“粘性元素”div，在页面加载，我已经设置的位置:固定与右下角对齐。 } $(".sticky-element").remove

浏览 2提问于2018-08-22得票数 0

1回答

在Wordpress站点上的粘性位置

javascript、css、wordpress、sticky

我试图在我的网站上制作一个粘性元素，它是用wordpress制作的，带有一个自定义模板。你能帮我解决这个问题吗？

浏览 1提问于2019-11-20得票数 0

回答已采纳

2回答

使用CSS的粘滞Div位置

html、positioning、sticky

我有一个鼓组的图像，我想在每个鼓上放置圆形击球垫。当我改变视图大小时，我在保持命中板的位置上遇到了问题。我尝试使用bootstrap来保持div在适当的位置，但我发现这不起作用，因为调整大小只会将命中板堆叠在左侧。当视图大小改变时，有没有办法在鼓集背景图像上使用CSS来保持hitpad在适当的位置？下面是我当前的HTML和我正在尝试放置hitpads的鼓集的图像。提前感谢您的帮助！</div<

浏览 17提问于2016-08-13得票数 0

1回答

粘性头

javascript、jquery、css、sticky

我在用jQuery制作一个粘性头时遇到了一个特殊的问题。我试过了网络上常用的片段，但我在任何地方都感觉到了同样的问题。在特定的文档高度(可滚动直到超过调用粘滞效应)，粘性头在position: fixed和position: static之间跳跃。HTML: <div id="not-sticky"></div> <div id="sticky&

浏览 2提问于2013-05-13得票数 10

回答已采纳

5回答

引导-使用位置维护列宽度:固定？

css、twitter-bootstrap、css-position

我正在尝试在我的页面上创建一个“粘性”导航，一旦用户滚动到元素，div就会获得position:fixed;。该功能正在按预期工作，但一旦添加粘滞类，两列的宽度将保持在顶部的变化。我尝试将width:100%;添加到粘滞元素的CSS中，但随后元素扩展到容器之外。<div class="container">

浏览 3提问于2015-07-15得票数 6

回答已采纳

1回答

如何使边栏粘在页面卷轴上？

css、sidebar、sticky

<div class="header">This is header</div> <div class="category-filtercol-2">Filter</div> <div class="category-content col-

浏览 3提问于2022-08-22得票数 0

2回答

常规菜单下的HTML粘滞导航栏

html、css、menubar

我目前正在尝试在我的常规菜单栏下面实现一个粘性的导航栏。然而，当我向上滚动时，我的导航栏覆盖了我的菜单栏。有人能帮我一下吗？sticky) { } else { } <a href="#home">Home&l

浏览 35提问于2021-01-08得票数 0

1回答

我的粘性定位元素的作用不像它应该

css、position、sticky

但是，我不明白为什么我的副官不这么做。右侧的保留部分.practitionerRight #reservation被包装在较高的div .practitionerRight中。我读过关于粘性定位的堆栈溢出主题，但在那里找不到解决方案。下面是实际的css代码：position: sticky;感谢那些愿意帮助我的人。

浏览 4提问于2022-02-07得票数 0

回答已采纳

1回答

如何使用jquery在html5中创建粘性侧边栏？

jquery、html、css

现在我想把页面显示为粘性的。我正在苦苦挣扎，在哪里确切地添加jquery和css，以及如何为我现有的代码添加？aside.php：?</div> <input type="submit" value="Log in" /> </div</em

浏览 0提问于2014-10-31得票数 0

1回答

更改父滚动上子元素的页边距会使子元素在IE9中闪烁

jquery、css

我有一个元素，我想把它放在它的父容器的顶部。父容器是可滚动的，并且粘滞元素的兄弟元素应该滚动。>CSS：{ margin:20px 0; position，但它在IE9中闪烁。这是我的jQuery代码： $('.pa

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

2回答

引导-浮动div的固定顶div不工作

javascript、jquery、html、css、twitter-bootstrap

我想保持粘性标题保持在我的#主div顶部。absolute; }<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.css" rel="stylesheet&q

浏览 4提问于2017-05-16得票数 1

回答已采纳

1回答

让一个元素停留在另一个全宽元素上

html、css

我需要创建表单，当滚动通过一个新的全宽元素时保持粘滞。红色矩形是粘滞的，当滚动时，它将粘滞在视口的顶部。我在这里面临的问题是，即使到达绿色部分，我也需要红色矩形保持粘滞。HTML div.c

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

点击加载更多