antd的Anchor锚点,锚点链接href能加在自定义的标签上吗,不想用自带的样式

发布于 2022-09-07 23:15:38 字数 812 浏览 27 评论 0

antd的Anchor锚点,锚点链接href能加在自定义的标签上吗,不想用自带的样式

import { Anchor } from 'antd';

const { Link } = Anchor;

ReactDOM.render(
  <Anchor>
    <Link href="#components-anchor-demo-basic" title="Basic demo" />
    <Link href="#components-anchor-demo-fixed" title="Fixed demo" />
    <Link href="#API" title="API">
      <Link href="#Anchor-Props" title="Anchor Props" />
      <Link href="#Link-Props" title="Link Props" />
    </Link>
  </Anchor>,
  mountNode);

自己写的话,如果是底部的id,就跳不过去了

onClickMenu = ({ item, key, keyPath }) => {
        if (key) {
            let anchorElement = document.getElementById(key);
            if(anchorElement) { anchorElement.scrollIntoView(); }
        }

    }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

离旧人 2022-09-14 23:15:38

href属性肯定是不能加到别的元素上的。
样式可以重写antd的样式。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文