【问题标题】:Anchor that doesn't scroll to the top不滚动到顶部的锚点
【发布时间】:2016-06-20 22:47:40
【问题描述】:

我有一张带浮动头的桌子。在我的表格中,我有多个单元格 td 与此表格中的其他单元格的锚点。

我的问题是当用户点击一个锚点时,锚点将他带到了锚点,但他看不到元素,因为该元素位于浮动头下方。

我怎样才能有一个锚点将用户带到anchor + 100px 到顶部,让他看到目标元素?

【问题讨论】:

  • 更改锚点的位置,以考虑标题,或者添加一些代码来检测这些点击并将滚动点调整 100 像素。
  • 试试<a href="javascript:void(0);">Click here</a>
  • 请分享您的代码:
  • @Pugazh 我不认为这是解决方案,问题不是跳到页面顶部。
  • 使用 Javascript 而不是使用默认行为对锚点跳转进行编程,然后添加浮动头高度的偏移量。

标签: javascript html css anchor anchor-scroll


【解决方案1】:

尝试在锚点上设置负边距,例如,

a[name] {
    position: relative;
    top: -150px;
    display: block;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-18
    • 1970-01-01
    • 1970-01-01
    • 2020-02-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多