我在锚点上使用滚动边距顶部来为我的粘性标题添加空间,但 Safari 不支持它。
这些文档在这里 -https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin指出这个错误 -
滚动边距不适用于滚动到片段目标或scrollIntoView(),请参阅错误 189265。
备用名称 使用非标准名称:scroll-snap-margin
有什么办法可以解决这个错误吗?
这是迄今为止我发现的唯一适用于 Safari 和 Firefox 的解决方案...Safari 特定的选择器。这并不理想,因为在 Safari 元素中使用填充限制了您可以使用的样式,但它胜过我尝试过的所有其他方式。
.anchor { scroll-margin-top: 130px; }
.anchor::-webkit-full-page-media, .anchor:future, .anchor:root .safari_only { padding-top: 130px;}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)