使内容滚动到粘性标题后面

文章/答案/技术大牛

发布

1回答

javascript、html、css

我有一个滚动区域，里面有不同的标题，我想要粘性的，看看这个。 <div class="item">Item 12</div>正如你所看到的，每一项都在标题后面可见正如在小提琴中一样，在我的实际应用程序中，这些标题元素也是透明的。所以我需要一种方法来使项目在每个标题</

浏览 16提问于2017-12-19得票数 1

3回答

粘性标题后面的内容在可滚动表格中可见

html、css、bootstrap-4、html-table、scrollable

当前的问题如图所示，当滚动到标题后面时，内容仍然有一点可见。我如何解决这个问题，并使内容在滚动到粘性标题后面时不可见？

浏览 4提问于2020-12-05得票数 0

3回答

如何使用两个具有动态高度值的粘性标头？

javascript、jquery、twitter-bootstrap、sticky、affix

我想要创建一个网页上的两个粘性元素的网站。一个粘性的标题和一个粘性的工具栏。我使用引导词缀作为工具栏和作为标题。如果我使用{topSpacing:0}作为粘性标题，当它“粘住”时，它会移动到粘性工具栏后面。如果我使用{topSpacing:30}作为粘性标题，当它对大屏幕“粘住”自己时，但是：唯一的问题是，在较小的屏幕中，工具栏会改变高度(为适应其内部的所有内容而

浏览 4提问于2015-08-20得票数 0

回答已采纳

1回答

如何在滚动时使Google移动到粘稠的标题后面

html、css、google-maps、scroll

因此，我有一个使用CSS和一个长长的HTML页面实现的粘性标题。页面底部是一个包含Google的<div>元素。当我向下滚动页面时，所有内容都会像您预期的那样移动到粘性标题后面，除了谷歌地图( Google )，它在上面移动。当以与其他元素相同的方式滚动时，我需要做些什么才能让Google在粘性标题后面移动呢？

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

回答已采纳

1回答

解决在粘性元素之后出现的相对位置CSS元素的问题

css

当将元素定位为sticky时，任何被定位为相对元素的后续和相邻元素似乎都不会滚动到粘性元素后面。为了进行更小的演示，我有以下三个例子。例2：第三个例子显示container类中的第一个段落是相对的。当您向上滚

浏览 0提问于2017-04-11得票数 4

1回答

我有一个水平顶部粘性导航栏60px高的网页。在我的页面上，我有指向同一页面上位置的链接，该页面上的<a href="#someTarget">Link</a>指向id="someTarget" 我的问题是，当结果链接被点击时，页面会滚动到目标标题，但它在屏幕的最顶部，在我粘性导航栏的后面。如何指定滚动条添加一个60px的垫子，使目标位于可视区域的顶部，而不是屏幕的顶部？到目前为止，我只是在我的id="so

浏览 17提问于2021-03-22得票数 0

回答已采纳

1回答

如何在UICollectionView上在iOS7上制作粘性标题？

ios、ios7、uicollectionview、uicollectionviewlayout

我使用在集合视图中制作粘性标题，它在iOS6上工作得很好。但是在iOS7中，如果选中了“在顶部栏下扩展边”选项，那么标题就会附着在视图的原点上，而视图位于导航栏后面。因此，现在我禁用了该选项，但我确实希望在扩展边缘时调整该解决方案以使其工作(以便在内容滚动到导航栏后面时具有良好的模糊效果)。有人能帮我吗？还是有人有其他的建议来实现同样的目标？

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

回答已采纳

2回答

锚链接不会重定向到网页上的正确位置。

html、css

of boring text<br />...lots of boring text 虽然它应该定位在...h2 id=“交付”>交付：现在，粘性标题占用了25 of的屏幕，但我看不出这

浏览 7提问于2022-04-05得票数 1

回答已采纳

2回答

在UICollectionView中只有一个粘性标头

ios、objective-c、uicollectionview

我试图在UICollectionView中实现单个粘性头。我的代码运行得很好。然而，当我向下滚动，粘性标题突然消失在某个点。回滚使标题再次出现。我做错了什么？

浏览 4提问于2014-05-06得票数 5

回答已采纳

2回答

指向未跳转到页面顶部的锚点的链接

html、css

我有一个这样的布局：我怎么能这样做呢？

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

回答已采纳

1回答

在位置顶部显示滚动条:绝对标题

javascript、css、reactjs

我有一个内容比它在两个方向都要大的包装器。试着在表格的任一方向滚动：垂直滚动条是可见的，正如我所希望的那样，除了隐藏在表标题后面，直到你向下滚动一点。只有当您一直滚动到底部时，水平滚动条才是可见的，然后它的行为就像垂直滚动条(隐藏在粘性列后面)。很清楚为什么会发生这种情况:粘性标头和列都是position: absolute，并且其z-index高于溢出其父内容的主内容div。我想要的是在任何时候都可以看到滚动条，在粘稠的标

浏览 3提问于2016-12-11得票数 0

6回答

jQuery -向下滚动时缩小的粘性标题

javascript、jquery、html、css、web-deployment

我想知道如何在向下滚动页面时使粘性标题收缩(带有动画)，并在页面向上滚动到顶部时恢复到正常状态。这里有两个要澄清的例子：我得到的部分，使它固定，但我应该如何做，以缩小我的标题时，用户向下滚动？

浏览 15提问于2013-05-08得票数 75

回答已采纳

1回答

是否阻止嵌入窗体滚动到视口顶部？

javascript、forms

我在一个网页上嵌入了一个Cognito Form (https://cognitoforms.com)，它有一个粘性的标题，它使用了视窗的前190px。而且它似乎也做了一个“滚动到顶部”的事情，完全不知道上面有一个粘性的标题。表单很高兴地将自己的一部分放在标题后面，在那里它是看不到的。我尝试了几种方法，包括在表单顶部添加一些页边距和/或填充。但是它是第三方嵌入的，它带来了自己的javascript (我怀疑它正在触发“滚动到</e

浏览 18提问于2020-08-24得票数 0

1回答

为什么溢出:隐藏删除滚动边距顶部？

html、css、scroll、css-selectors、overflow

我有一个粘性的标题，当我点击一个按钮，它应该滚动到容器应该在标题之下，但现在容器在标题后面。

浏览 7提问于2022-02-28得票数 1

3回答

Selenium JavaScript -滚动元素进入视图，不与标头重叠

javascript、selenium

webdriver.executeScript("arguments[0].scrollIntoView();", element); 这会将元素滚动到视图中，但它会出现在页面标题后面。如何将元素滚动到视图中，使元素位于标题的正下方而不是在标题的后面？

浏览 4提问于2016-10-14得票数 8

回答已采纳

1回答

Angularjs $anchorScroll.yOffset不适用于ng粘性标头。

javascript、angularjs、angular-material、sticky

我的项目建立在角质材料，角度JS和我使用ngSticky来粘贴标题以下的主标题(这是一个md工具栏)。</div> 请注意，链接在'<ng-include src="'XXX/XXX-links.html'"></ng-inclu

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

回答已采纳

1回答

使块在滚动时粘滞

javascript、jquery、html、css、scroll

CAPTION N我需要使在滚动页面顶部的标题粘性。例如。CAPTION 2 CONTENT 3 ....因此，第一个和第二个区块的内容被折叠了，但字幕仍然可见。此外，我需要为粘性字幕添加onclick事件。一旦点击了粘性标题，页面就会滚动到相应的内容。

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

2回答

粘性标题覆盖锚定文本

html、css

我有一个粘性的标题，漂浮在页面的其余部分。当我链接到页面锚点时，当然是滚动，这样锚点就在页面的顶部。然而，当发生这种情况时，标题会掩盖下面的文本。谢谢，大卫

浏览 2提问于2012-05-19得票数 7

1回答

使用固定的CSS位置制作粘性标题

css、header、fixed、sticky

我需要做一个粘性的标题。我们在computerclass类中用CSS的位置做了一个粘性的脚注:修复了，它工作得很好。但我不能将粘性页脚的代码转置为粘性页眉。固定位置工作，但文章在标题下滚动-这当然不美观。当我应用我在Stackoverflow上发现的CSS代码时，标题的图像移动到屏幕的左下角。background-position: center center;#whitespace { width:

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

1回答

如何呈现列表/网格行，就好像它是粘性的？

javascript、reactjs、react-virtualized

我有一个组件，它使用react-virtualized的List进行虚拟化滚动，其中每一行要么是一个类别标题，要么是属于该类别的实际内容。Blueberry- ...etc- Oats- Rice(其中Fruits和Grains是类别标头) 当用户滚动时，如果他们滚动到类别标题，我希望能够从该行获取数据，并将其呈现在一个“粘性”(在引号中，因为position: sticky还不是一个可行的选项)容器中，停留在滚动容器的顶部，直到滚<

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

点击加载更多