木灵鱼儿
CSS
利用原生css实现hash哈希定位跳转偏移量处理
前言最近在写目录树跳转功能的时候,还是遇到之前的那个老大难的问题,就是因为header顶部是fixed浮动的,导致hash跳转的时候会被挡住。因为hash定位会将元素的顶部与视图顶部对齐,但是也因为如此,导致被浮动元素挡住了内容。以前我是拦截默认的click事件,然后使用新的定位方法scrollIntoView来实现,通过配置它为居中展示,从而避免这个问题。最近重构主题的时候,发现这种方式并不优雅,而且很麻烦,有没有办法不依赖js实现呢?于是我想起以前看过的一篇文章,有一个css属性可以做的,于是找了很久,终于找到了,它就是scroll-padding!官方定义为:滚动端口的最佳查看区域...
![利用原生css实现hash哈希定位跳转偏移量处理](https://mulingyuer-1253375624.cos.ap-guangzhou.myqcloud.com/%E5%9B%BE%E7%89%87%E7%A9%BA%E9%97%B4/%E5%88%A9%E7%94%A8%E5%8E%9F%E7%94%9Fcss%E5%AE%9E%E7%8E%B0hash%E5%93%88%E5%B8%8C%E5%AE%9A%E4%BD%8D%E8%B7%B3%E8%BD%AC%E5%81%8F%E7%A7%BB%E9%87%8F%E5%A4%84%E7%90%8601.jpg!Anti_theft)
最近评论