博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
锚点偏移
阅读量:6710 次
发布时间:2019-06-25

本文共 766 字,大约阅读时间需要 2 分钟。

参照 stackoverflow 的做法,在主体内容前加一个暗锚:

主体内容...

将锚点进行偏移,并隐藏占位:

.target-fix {    position: relative;    top: -44px; // 偏移值    display: block;    height: 0;    overflow: hidden;}

也可以这样,使用javascript去调整scroll值

if (window.location.hash.indexOf('#') >= 0) {    $('html,body').animate({        scrollTop: ($(window.location.hash).offset().top - 50) + "px"    },    300);}; //主要修复评论定位不准确BUG$('#comments a[href^=#][href!=#]').click(function() {    var target = document.getElementById(this.hash.slice(1));    if (!target) return;    var targetOffset = $(target).offset().top - 50;    $('html,body').animate({        scrollTop: targetOffset    },    300);    return false;}); //主要修复评论定位不准确BUG

padding-top 可能会让第二条评论向下偏移50px,但是把回复按钮给遮挡了!导致回复按钮点击不了。反复调整z-index改变层的顺序,仍然无果!

转载地址:http://jralo.baihongyu.com/

你可能感兴趣的文章
别开心太早,Python 官方文档的翻译差远了
查看>>
如何利用并发性加速你的python程序(二):I/O 绑定程序加速 ...
查看>>
一个BAT老程序员的忠告!
查看>>
Spring Boot 的 10 个核心模块
查看>>
我30岁了,转行学编程可以吗? 排除法告诉你答案
查看>>
Python进阶:全面解读高级特性之切片!
查看>>
社交大战升级,语音新物种“听途听app”获数百万天使轮融资
查看>>
C#并行开发_Thread/ThreadPool, Task/TaskFactory, Parallel
查看>>
主要的编程范型
查看>>
Centos-Mysql复制备份还原数据库
查看>>
Javascript操作DOM常用API总结
查看>>
零基础入门—网站建站教程(新手必备)
查看>>
小鹏汽车开设六城服务中心,今年内将交付4万辆车,运营200座超充站
查看>>
C++面向对象高级编程(上) 第一周 侯捷
查看>>
Android Dagger2依赖注入
查看>>
FullPage.js全屏插件文档及使用方法
查看>>
修改chrome插件
查看>>
Spring Boot(06)——参数配置机制
查看>>
【WPF】右下角弹出自定义通知样式(Notification)——简单教程
查看>>
keras 使用笔记
查看>>