我已经在帖子

here和

here中看到了这个话题,但它们并没有真正帮助我.情况非常相似:页面顶部的滚动页面和粘性菜单栏(固定div),锚点分散在长滚动文本中.

像这样的HTML:

Heading Foo

this is some text, and a lot of it

...

jump to Heading Foo

...

Heading Bla

and then there is more text

...

jump to Heading Bla

...

有一些CSS,目前是空的,因为我仍然只是偶然发现这个问题

.anchor {

color: green;

} ​

看看this小提琴,看它目前是如何运作的.

现在,每当我点击一个链接,它就会把我带到锚点. (是的!)唉,这也意味着现在位于页面顶部的锚点被粘滞菜单所覆盖. (不!)如果它会显示在粘性菜单下面会很棒.

我尝试过其他帖子中提供的解决方案无济于事.例如,在锚点周围添加填充实际上会在文本中添加可见的填充并创建空白空间;这不是我想要的.文本应该在视觉上看起来没有修改.

在此先感谢提示和提示:-)

编辑:我应该更清楚一点.我不需要页面顶部的空间.我确实需要每个锚点都在菜单栏下面.尝试我的原始小提琴,然后单击锚点:您将看到它们的位置,以便它们被菜单栏覆盖.

最佳答案 如何设置第一个h1的填充?

​h1:first-child {

padding-top:50px;

}

html怎么修改锚点的属性,在HTML中设置自定义锚点相关推荐

  1. java.library.path属性在代码中设置不生效问题

    http://www.blogjava.net/gembin/archive/2008/10/29/237377.html from http://daimojingdeyu.blogbus.com/ ...

  2. 在html中什么叫锚点,html中的锚点介绍和使用

    以下资料整理自网路 1.锚点是网页制作中超级链接的一种,又叫命名锚记.命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍. 英文名:anchor 使用命名锚记可以在文档中设置标记,这些标 ...

  3. 在html中设置margin属性,margin

    margin (CSS语法) 编辑 锁定 讨论 上传视频 margin,是CSS语法,这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度,或者设置各边上外边距的宽度. 中文名 外边距 ...

  4. ant 修改组件默认样式属性

    得在 less 里面使用 :global 修改,不能是css文件. :global 修改是全局生效的,所以建议修改之前要加上calssName="样式名"; 不是 classNam ...

  5. JQ无法修改input的type属性的替代解决方法

    JQ无法修改input的type属性的替代解决方法 参考文章: (1)JQ无法修改input的type属性的替代解决方法 (2)https://www.cnblogs.com/wsun/p/56300 ...

  6. linux修改文件权限属性,如何修改Linux文件的属性与权限

    如何修改Linux文件的属性与权限 关注:185  答案:1  信息版本:手机版 解决时间 2019-01-12 20:14 伴风望海 2019-01-11 22:00 如何修改Linux文件的属性与 ...

  7. html+设置img+src属性值,javascript获取、设置修改img的src属性(get/setAttribute)

    在开发网站过程中,事先就设置好了图片img的src性,一般来说很少修改这个属性,网站加载时直接显示事先设置好的图片.但如果网页要求实现滚屏加载图片(动态加载图片),也就是一次不显示网页内的所有图片,当 ...

  8. jQuery修改页面元素的属性

    作为一个后台开发者,在web开发的时候会常常遇到修改前台页面的属性的问题.这两天我发现jQuery的$("#id").attr("prop","值&q ...

  9. 修改对象的某个属性的值_什么是类,什么是对象

    大家好,在我之前的教程中分别讲了"VBA代码解决方案""VBA数据库方案""VBA字典和数组方案",通过对这三套教程的学习,我们对VBA的基 ...

最新文章

  1. NVIDIA TX2 使用 USB 摄像头
  2. 删除系统Win7系统盘越来越小,系统盘清理技巧
  3. 【Data Mining】机器学习三剑客之Numpy常用用法总结
  4. 工作多年的.NET程序员,是否建立了自己的开发知识库?分享制作电子书的经验...
  5. php函数巧用 array_column
  6. pandas 读取/保存压缩格式的csv文件.csv.gz
  7. python中二维数组如何查找_【剑指offer】---二维数组中的查找(Python)
  8. 电脑常见问题_解决PC常见问题 篇二十:垃圾佬手把手教你如何正确缩电脑配置砍预算...
  9. Android数据存储——内部存储
  10. Lync和Exchange 2013集成PART1:准备所需证书
  11. 关于更新内容次序问题
  12. 大数据可视化的价值体现在哪
  13. 基于MATLAB的运动车辆跟踪检测系统
  14. Redis实战pdf
  15. 接口流量突增,如何做好性能优化?
  16. 第一篇博客——自我介绍篇
  17. 玩转 MATLAB 附加功能/硬件支持包安装
  18. AI、量子计算引爆硬科技创新,雷鸣、王海峰、施尧耘等北大120周年论道信科最前沿...
  19. YOLO系列算法原理介绍
  20. 神器Android键值数据库MMKV——基于 mmap 的高性能通用 key-value 组件

热门文章

  1. Thread.join()
  2. Zookeeper原理和实战开发经典视频教程 百度云网盘下载
  3. DJANGO,获取当前用户名,用户组名,用户组权限
  4. SQL PROCEDURE和 FUNCTION的区别
  5. 2019 高考填报志愿建议
  6. 内核链表list.h文件剖析
  7. 深度ip转换器手机版app_手机大师智能管家app下载-手机大师智能管家app官网版 v1.0.0...
  8. 机器学习导论 与数学分析
  9. java ioc和aop的含义_Spring核心IoC和AOP的理解
  10. 【Pytorch神经网络理论篇】 32 PNASNet模型:深层可分离卷积+组卷积+空洞卷积