我的 css 属性有问题scroll-margin-top(滚动到页面上的元素时添加偏移量)。它并不适用于所有情况,特别是在这种情况下:当 的元素scroll-margin-top位于 的容器内时overflow: hidden。
可能是什么原因?有解决方法吗?
乍一看,它看起来很简单,在滚动事件结束时,将在顶部应用边距(或填充)。
当顶部有粘性元素时,这很有用。然后,当单击链接并向下滚动到页面上的某个位置时,最好通过滚动“跳过”该元素。
这篇文章很好地解释了这一点: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 属性移动到代码中的许多不同位置,但这没有任何作用。
你看出什么问题了吗?理想情况下,如果能找到真正的原因,也许能解释一下为什么它在这种情况下不起作用,并描述这种情况的实际情况,那就太好了。