标签: scroll-margin-top

当使用带有“overflow:hidden”的容器时,scroll-margin-top属性不起作用

我的 css 属性有问题scroll-margin-top(滚动到页面上的元素时添加偏移量)。它并不适用于所有情况,特别是在这种情况下:当 的元素scroll-margin-top位于 的容器内时overflow: hidden

可能是什么原因?有解决方法吗?

html css scroll-margin-top

18
推荐指数
1
解决办法
2万
查看次数

CSS 属性“scroll-margin-top”和“scroll-padding-top”是如何工作的

乍一看,它看起来很简单,在滚动事件结束时,将在顶部应用边距(或填充)。

当顶部有粘性元素时,这很有用。然后,当单击链接并向下滚动到页面上的某个位置时,最好通过滚动“跳过”该元素。

这篇文章很好地解释了这一点:https://css-tricks.com/fixed-headers-and-jump-links-the-solution-is-scroll-margin-top/

我可以让它在非常简单的例子上工作,而且这很有效。但是,我试图在普通网站上实现此功能,但我做不到。我认为我(或一般情况下?)不清楚它是如何工作的。

请看这里:https://meowapps.com/media-cleaner/tutorial/#Media_Library_Scan

当单击右侧的链接时,它会滚动,但滚动填充顶部完全被忽略。我尝试了很多技术,将 CSS 属性移动到代码中的许多不同位置,但这没有任何作用。

你看出什么问题了吗?理想情况下,如果能找到真正的原因,也许能解释一下为什么它在这种情况下不起作用,并描述这种情况的实际情况,那就太好了。

css scroll-margin-top

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×2

scroll-margin-top ×2

html ×1