{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/navigation/anchor","result":{"data":{"current":{"frontmatter":{"title":"Anchor 锚点","order":54,"brief":"创建超链接导航栏。","icon":"doc-anchor"},"fields":{"type":"navigation"},"tableOfContents":{"items":[{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本示例","title":"基本示例"},{"url":"#综合使用","title":"综合使用"},{"url":"#尺寸","title":"尺寸"},{"url":"#滑轨主题","title":"滑轨主题"},{"url":"#动态展示","title":"动态展示"},{"url":"#显示工具提示","title":"显示工具提示"},{"url":"#工具提示位置","title":"工具提示位置"}]},{"url":"#api-参考","title":"API 参考","items":[{"url":"#anchor","title":"Anchor"},{"url":"#anchorlink","title":"Anchor.Link"}]},{"url":"#文案规范","title":"文案规范"},{"url":"#设计变量","title":"设计变量"},{"url":"#faq","title":"FAQ"}]},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"localeCode\": \"zh-CN\",\n  \"order\": 54,\n  \"category\": \"导航类\",\n  \"title\": \"Anchor 锚点\",\n  \"icon\": \"doc-anchor\",\n  \"brief\": \"创建超链接导航栏。\"\n};\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\nvar DesignToken = makeShortcode(\"DesignToken\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u4EE3\\u7801\\u6F14\\u793A\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5982\\u4F55\\u5F15\\u5165\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"import\",\n    \"import\": true\n  }, \"import { Anchor } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u672C\\u793A\\u4F8B\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u4F7F\\u7528 Link \\u53EF\\u4EE5\\u521B\\u5EFA\\u951A\\u70B9\\uFF0C\\u70B9\\u51FB\\u5B83\\u4F1A\\u8DF3\\u8F6C\\u5230\\u6307\\u5B9A\\u4F4D\\u7F6E\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <Anchor>\\n        <Anchor.Link href=\\\"#\\u57FA\\u672C\\u793A\\u4F8B\\\" title=\\\"\\u57FA\\u672C\\u793A\\u4F8B\\\" />\\n        <Anchor.Link href=\\\"#\\u7EC4\\u4EF6\\\" title=\\\"\\u7EC4\\u4EF6\\\" />\\n        <Anchor.Link href=\\\"#\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" title=\\\"\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" />\\n        <Anchor.Link href=\\\"#\\u7269\\u6599\\u5E73\\u53F0\\\" title=\\\"\\u7269\\u6599\\u5E73\\u53F0\\\" />\\n        <Anchor.Link href=\\\"#\\u4E3B\\u9898\\u5546\\u5E97\\\" title=\\\"\\u4E3B\\u9898\\u5546\\u5E97\\\" />\\n    </Anchor>  \\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u7EFC\\u5408\\u4F7F\\u7528\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u4F60\\u53EF\\u4EE5\\u642D\\u914D \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"getContainer\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"targetOffset\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"style\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"offsetTop\"), \" \\u5B8C\\u6210\\u4E00\\u4E2A\\u62C6\\u7BB1\\u5373\\u7528\\u7684\\u8D85\\u94FE\\u63A5\\u5BFC\\u822A\\u680F\\u3002\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u6EDA\\u52A8\\u5BB9\\u5668\\uFF1A\\u4F60\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"getContainer\"), \" \\u8BBE\\u7F6E\\u6EDA\\u52A8\\u5185\\u5BB9\\u7684\\u5BB9\\u5668\\uFF0C\\u9ED8\\u8BA4\\u503C\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"window\"), \"\\xA0\\u3002\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u8DDD\\u79BB\\u9876\\u90E8\\u7684\\u8DDD\\u79BB\\uFF1A\\u53EF\\u4EE5\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"targetOffset\"), \" \\u8BBE\\u7F6E\\u6587\\u6863\\u6EDA\\u52A8\\u7ED3\\u675F\\u65F6\\uFF0C\\u951A\\u70B9\\u8DDD\\u79BB\\u5BB9\\u5668\\u9876\\u90E8\\u7684\\u8DDD\\u79BB\\u3002\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"v>=1.9\"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u81EA\\u5B9A\\u4E49\\u5B9A\\u4F4D\\u65B9\\u5F0F\\uFF1AAnchor \\u7684\\u9ED8\\u8BA4\\u5B9A\\u4F4D\\u65B9\\u5F0F\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"relative\"), \"\\uFF0C\\u4F60\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"style\"), \" \\u5BF9\\u8C61\\u81EA\\u5B9A\\u4E49\\u5B83\\u7684\\u5B9A\\u4F4D\\u65B9\\u5F0F\\u3002\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u504F\\u79FB\\u8DDD\\u79BB\\uFF1A\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"offsetTop\"), \" \\u53EF\\u4EE5\\u5728\\u6EDA\\u52A8\\u5185\\u5BB9\\u8DDD\\u79BB\\u5BB9\\u5668\\u9876\\u90E8\\u8FBE\\u5230\\u6307\\u5B9A\\u504F\\u79FB\\u91CF\\u65F6\\u89E6\\u53D1\\u5F53\\u524D Link \\u5207\\u6362\\u3002\"))), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const getContainer = () => {\\n        return document.querySelector('window');\\n    };\\n    return (\\n        <div>\\n            <span>\\u8BF7\\u770B\\u53F3\\u4FA7\\u56FA\\u5B9A\\u7684 Anchor </span>\\n            <Anchor\\n                getContainer={getContainer}\\n                offsetTop={100}\\n                targetOffset={100} // v>=1.9\\n                style={{ position: 'fixed', right: '20px', top: '100px', width: '200px', zIndex: 3 }} >\\n                <Anchor.Link href=\\\"#\\u57FA\\u672C\\u793A\\u4F8B\\\" title=\\\"\\u6211\\u662F\\u56FA\\u5B9A\\u7684 Anchor\\\" />\\n                <Anchor.Link href=\\\"#\\u7EFC\\u5408\\u4F7F\\u7528\\\" title=\\\"\\u7EFC\\u5408\\u4F7F\\u7528\\\" />\\n                <Anchor.Link href=\\\"#\\u5C3A\\u5BF8\\\" title=\\\"\\u5C3A\\u5BF8\\\" />\\n                <Anchor.Link href=\\\"#\\u6ED1\\u8F68\\u4E3B\\u9898\\\" title=\\\"\\u6ED1\\u8F68\\u4E3B\\u9898\\\" />\\n                <Anchor.Link href=\\\"#\\u52A8\\u6001\\u5C55\\u793A\\\" title=\\\"\\u52A8\\u6001\\u5C55\\u793A\\\" />\\n                <Anchor.Link href=\\\"#\\u663E\\u793A\\u5DE5\\u5177\\u63D0\\u793A\\\" title=\\\"\\u663E\\u793A\\u5DE5\\u5177\\u63D0\\u793A\\\" />\\n                <Anchor.Link href=\\\"#\\u5DE5\\u5177\\u63D0\\u793A\\u4F4D\\u7F6E\\\" title=\\\"\\u5DE5\\u5177\\u63D0\\u793A\\u4F4D\\u7F6E\\\" />\\n                <Anchor.Link href=\\\"#API\\u53C2\\u8003\\\" title=\\\"API\\u53C2\\u8003\\\">\\n                    <Anchor.Link href=\\\"#Anchor\\\" title=\\\"Anchor\\\" />\\n                    <Anchor.Link href=\\\"#Anchor.Link\\\" title=\\\"Anchor.Link\\\" />\\n                </Anchor.Link>\\n            </Anchor>\\n        </div>\\n    );\\n};\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5C3A\\u5BF8\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Anchor \\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"size\"), \" \\u53EF\\u4EE5\\u63A7\\u5236\\u951A\\u70B9\\u7684\\u5C3A\\u5BF8\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <Anchor size={'default'}>\\n        <Anchor.Link href=\\\"#\\u7EC4\\u4EF6\\\" title=\\\"\\u7EC4\\u4EF6\\\" />\\n        <Anchor.Link href=\\\"#\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" title=\\\"\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" />\\n        <Anchor.Link href=\\\"#\\u7269\\u6599\\u5E73\\u53F0\\\" title=\\\"\\u7269\\u6599\\u5E73\\u53F0\\\" />\\n        <Anchor.Link href=\\\"#\\u4E3B\\u9898\\u5546\\u5E97\\\" title=\\\"\\u4E3B\\u9898\\u5546\\u5E97\\\" />\\n    </Anchor>\\n);\\n\")), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <Anchor size={'small'}>\\n        <Anchor.Link href=\\\"#\\u7EC4\\u4EF6\\\" title=\\\"\\u7EC4\\u4EF6\\\" />\\n        <Anchor.Link href=\\\"#\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" title=\\\"\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" />\\n        <Anchor.Link href=\\\"#\\u7269\\u6599\\u5E73\\u53F0\\\" title=\\\"\\u7269\\u6599\\u5E73\\u53F0\\\" />\\n        <Anchor.Link href=\\\"#\\u4E3B\\u9898\\u5546\\u5E97\\\" title=\\\"\\u4E3B\\u9898\\u5546\\u5E97\\\" />\\n    </Anchor>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u6ED1\\u8F68\\u4E3B\\u9898\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Anchor \\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"railTheme\"), \" \\u53EF\\u4EE5\\u63A7\\u5236\\u6ED1\\u8F68\\u7684\\u4E3B\\u9898\\u8272\\u3002\\u9ED8\\u8BA4\\u503C\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"primary\"), \"\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const getContainer = () => {\\n        return document.querySelector('window');\\n    };\\n    return (\\n        <div>\\n            <Anchor\\n                railTheme={'primary'}\\n                getContainer={getContainer}\\n                targetOffset={60}\\n                offsetTop={100}\\n            >\\n                <Anchor.Link href=\\\"#\\u5C3A\\u5BF8\\\" title=\\\"\\u5C3A\\u5BF8\\\" />\\n                <Anchor.Link href=\\\"#\\u6ED1\\u8F68\\u4E3B\\u9898\\\" title=\\\"\\u6ED1\\u8F68\\u4E3B\\u9898\\\" />\\n                <Anchor.Link href=\\\"#\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" title=\\\"\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" />\\n                <Anchor.Link href=\\\"#\\u7269\\u6599\\u5E73\\u53F0\\\" title=\\\"\\u7269\\u6599\\u5E73\\u53F0\\\" />\\n                <Anchor.Link href=\\\"#\\u4E3B\\u9898\\u5546\\u5E97\\\" title=\\\"\\u4E3B\\u9898\\u5546\\u5E97\\\" />\\n            </Anchor>\\n        </div>\\n    );\\n};\\n\")), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const getContainer = () => {\\n        return document.querySelector('window');\\n    };\\n    return (\\n        <div>\\n            <Anchor\\n                railTheme={'tertiary'}\\n                getContainer={getContainer}\\n                targetOffset={60}\\n                offsetTop={100}\\n            >\\n                <Anchor.Link href=\\\"#\\u5C3A\\u5BF8\\\" title=\\\"\\u5C3A\\u5BF8\\\" />\\n                <Anchor.Link href=\\\"#\\u6ED1\\u8F68\\u4E3B\\u9898\\\" title=\\\"\\u6ED1\\u8F68\\u4E3B\\u9898\\\" />\\n                <Anchor.Link href=\\\"#\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" title=\\\"\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" />\\n                <Anchor.Link href=\\\"#\\u7269\\u6599\\u5E73\\u53F0\\\" title=\\\"\\u7269\\u6599\\u5E73\\u53F0\\\" />\\n                <Anchor.Link href=\\\"#\\u4E3B\\u9898\\u5546\\u5E97\\\" title=\\\"\\u4E3B\\u9898\\u5546\\u5E97\\\" />\\n            </Anchor>\\n        </div>\\n    );\\n};\\n\")), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const getContainer = () => {\\n        return document.querySelector('window');\\n    };\\n    return (\\n        <div>\\n            <Anchor\\n                railTheme={'muted'}\\n                getContainer={getContainer}\\n                targetOffset={60}\\n                offsetTop={100}\\n            >\\n                <Anchor.Link href=\\\"#\\u5C3A\\u5BF8\\\" title=\\\"\\u5C3A\\u5BF8\\\" />\\n                <Anchor.Link href=\\\"#\\u6ED1\\u8F68\\u4E3B\\u9898\\\" title=\\\"\\u6ED1\\u8F68\\u4E3B\\u9898\\\" />\\n                <Anchor.Link href=\\\"#\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" title=\\\"\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" />\\n                <Anchor.Link href=\\\"#\\u7269\\u6599\\u5E73\\u53F0\\\" title=\\\"\\u7269\\u6599\\u5E73\\u53F0\\\" />\\n                <Anchor.Link href=\\\"#\\u4E3B\\u9898\\u5546\\u5E97\\\" title=\\\"\\u4E3B\\u9898\\u5546\\u5E97\\\" />\\n            </Anchor>\\n        </div>\\n    );\\n};\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u52A8\\u6001\\u5C55\\u793A\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Anchor \\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"autoCollapse\"), \" \\u53EF\\u4EE5\\u52A8\\u6001\\u5C55\\u793A\\u4E0B\\u4E00\\u7EA7\\u951A\\u70B9\\u3002\\u9ED8\\u8BA4\\u503C\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"false\"), \"\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const getContainer = () => {\\n        return document.querySelector('window');\\n    };\\n    return (\\n        <div>\\n            <Anchor\\n                autoCollapse={true}\\n                getContainer={getContainer}\\n                targetOffset={60}\\n                offsetTop={100}>\\n                <Anchor.Link href=\\\"#\\u52A8\\u6001\\u5C55\\u793A\\\" title=\\\"1. \\u52A8\\u6001\\u5C55\\u793A\\\">\\n                    <Anchor.Link href=\\\"#\\u7EC4\\u4EF6\\\" title=\\\"1.1 \\u7EC4\\u4EF6\\\">\\n                        <Anchor.Link href=\\\"#\\u5934\\u50CF\\\" title=\\\"1.1.1 Avatar\\\" />\\n                        <Anchor.Link href=\\\"#\\u6309\\u94AE\\\" title=\\\"1.1.2 Button\\\" />\\n                        <Anchor.Link href=\\\"#\\u56FE\\u6807\\\" title=\\\"1.1.3 Icon\\\" />\\n                    </Anchor.Link>\\n                    <Anchor.Link href=\\\"#\\u7269\\u6599\\\" title=\\\"1.2 \\u7269\\u6599\\\" />\\n                    <Anchor.Link href=\\\"#\\u4E3B\\u9898\\u5546\\u5E97\\\" title=\\\"1.3 \\u4E3B\\u9898\\u5546\\u5E97\\\" />\\n                </Anchor.Link>\\n                <Anchor.Link href=\\\"#\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" title=\\\"2. \\u8BBE\\u8BA1\\u8BED\\u8A00\\\" />\\n            </Anchor>\\n        </div>\\n    );\\n};\\n\")), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const getContainer = () => {\\n        return document.querySelector('window');\\n    };\\n    return (\\n        <div>\\n            <Anchor\\n                autoCollapse={false}\\n                getContainer={getContainer}\\n                targetOffset={60}\\n                offsetTop={100}>\\n                <Anchor.Link href=\\\"#\\u52A8\\u6001\\u5C55\\u793A\\\" title=\\\"1. \\u52A8\\u6001\\u5C55\\u793A\\\">\\n                    <Anchor.Link href=\\\"#\\u7EC4\\u4EF6\\\" title=\\\"1.1 \\u7EC4\\u4EF6\\\">\\n                        <Anchor.Link href=\\\"#\\u5934\\u50CF\\\" title=\\\"1.1.1 Avatar\\\" />\\n                        <Anchor.Link href=\\\"#\\u6309\\u94AE\\\" title=\\\"1.1.2 Button\\\" />\\n                        <Anchor.Link href=\\\"#\\u56FE\\u6807\\\" title=\\\"1.1.3 Icon\\\" />\\n                    </Anchor.Link>\\n                    <Anchor.Link href=\\\"#\\u7269\\u6599\\\" title=\\\"1.2 \\u7269\\u6599\\\" />\\n                    <Anchor.Link href=\\\"#\\u4E3B\\u9898\\u5546\\u5E97\\\" title=\\\"1.3 \\u4E3B\\u9898\\u5546\\u5E97\\\" />\\n                </Anchor.Link>\\n                <Anchor.Link href=\\\"#\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" title=\\\"2. \\u8BBE\\u8BA1\\u8BED\\u8A00\\\" />\\n            </Anchor>\\n        </div>\\n    );\\n};\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u663E\\u793A\\u5DE5\\u5177\\u63D0\\u793A\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Anchor \\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"showTooltip\"), \" \\u53EF\\u4EE5\\u5728 Link \\u8D85\\u51FA\\u6700\\u5927\\u5BBD\\u5EA6\\u65F6\\u663E\\u793A Link \\u7684\\u6587\\u5B57\\u5185\\u5BB9\\u3002\\u9ED8\\u8BA4\\u503C\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"false\"), \", \\u66F4\\u591A\\u4F7F\\u7528\\u53C2\\u8003 API \\u8BF4\\u660E\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const getContainer = () => {\\n        return document.querySelector('window');\\n    };\\n    return (\\n        <div>\\n            <Anchor\\n                showTooltip={true}\\n                getContainer={getContainer}\\n                targetOffset={60}\\n                offsetTop={100}\\n            >\\n                <Anchor.Link href=\\\"#\\u663E\\u793A\\u5DE5\\u5177\\u63D0\\u793A\\\" title=\\\"\\u5DE5\\u5177\\u63D0\\u793A\\u662F\\u4E00\\u4E2A\\u6709\\u7528\\u7684\\u5DE5\\u5177\\uFF0C\\u5B83\\u53EF\\u4EE5\\u5728\\u6587\\u5B57\\u7F29\\u7565\\u65F6\\u5C55\\u793A\\u5168\\u90E8\\u5185\\u5BB9\\u3002\\\" />\\n                <Anchor.Link href=\\\"#\\u7EC4\\u4EF6\\\" title=\\\"\\u7EC4\\u4EF6\\\" />\\n                <Anchor.Link href=\\\"#\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" title=\\\"\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" />\\n                <Anchor.Link href=\\\"#\\u7269\\u6599\\u5E73\\u53F0\\\" title=\\\"\\u7269\\u6599\\u5E73\\u53F0\\\" />\\n                <Anchor.Link href=\\\"#\\u4E3B\\u9898\\u5546\\u5E97\\\" title=\\\"\\u4E3B\\u9898\\u5546\\u5E97\\\" />\\n            </Anchor>\\n        </div>\\n    );\\n};\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5DE5\\u5177\\u63D0\\u793A\\u4F4D\\u7F6E\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Anchor \\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"position\"), \" \\u53EF\\u4EE5\\u8BBE\\u7F6ETooltip\\u7684\\u663E\\u793A\\u4F4D\\u7F6E\\u3002\\u5B83\\u4EC5\\u5728 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"showTooltip\"), \" \\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"true\"), \" \\u65F6\\u8D77\\u4F5C\\u7528\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const getContainer = () => {\\n        return document.querySelector('window');\\n    };\\n    return (\\n        <div>\\n            <Anchor\\n                showTooltip={true}\\n                position={'right'}\\n                getContainer={getContainer}\\n                targetOffset={60}\\n                offsetTop={100}\\n            >\\n                <Anchor.Link href=\\\"#\\u5DE5\\u5177\\u63D0\\u793A\\u4F4D\\u7F6E\\\" title=\\\"\\u5DE5\\u5177\\u63D0\\u793A\\u662F\\u4E00\\u4E2A\\u6709\\u7528\\u7684\\u5DE5\\u5177\\uFF0C\\u5B83\\u53EF\\u4EE5\\u5728\\u6587\\u5B57\\u7F29\\u7565\\u65F6\\u5C55\\u793A\\u5168\\u90E8\\u5185\\u5BB9\\u3002\\\" />\\n                <Anchor.Link href=\\\"#\\u7EC4\\u4EF6\\\" title=\\\"\\u7EC4\\u4EF6\\\" />\\n                <Anchor.Link href=\\\"#\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" title=\\\"\\u8BBE\\u8BA1\\u8BED\\u8A00\\\" />\\n                <Anchor.Link href=\\\"#\\u7269\\u6599\\u5E73\\u53F0\\\" title=\\\"\\u7269\\u6599\\u5E73\\u53F0\\\" />\\n                <Anchor.Link href=\\\"#\\u4E3B\\u9898\\u5546\\u5E97\\\" title=\\\"\\u4E3B\\u9898\\u5546\\u5E97\\\" />\\n            </Anchor>\\n        </div>\\n    );\\n};\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"API \\u53C2\\u8003\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Anchor\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"autoCollapse\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6EDA\\u52A8\\u65F6\\u52A8\\u6001\\u663E\\u793A\\u4E0B\\u4E00\\u7EA7\\u951A\\u70B9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"className\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"defaultAnchor\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u9AD8\\u4EAE\\u951A\\u70B9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"1.20.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"getContainer\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6307\\u5B9A\\u6EDA\\u52A8\\u7684\\u5BB9\\u5668\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"() => HTMLElement\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"window\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"maxHeight\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7EC4\\u4EF6\\u7684 max-height\\uFF0C\\u8D85\\u51FA\\u65F6\\u663E\\u793A\\u6EDA\\u52A8\\u6761\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string \", \"|\", \" number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"750px\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"maxWidth\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7EC4\\u4EF6\\u7684 max-width\\uFF0C\\u8D85\\u51FA\\u65F6\\u663E\\u793A...\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string \", \"|\", \" number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"200px\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"offsetTop\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6EDA\\u52A8\\u5185\\u5BB9\\u8DDD\\u79BB\\u5BB9\\u5668\\u9876\\u90E8\\u8FBE\\u5230\\u6307\\u5B9A\\u504F\\u79FB\\u91CF\\u65F6\\u89E6\\u53D1\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onChange\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6539\\u53D8\\u951A\\u70B9\\u7684\\u56DE\\u8C03\\u51FD\\u6570\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(currentLink, previousLink) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onClick\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u70B9\\u51FB\\u951A\\u70B9\\u56DE\\u8C03\\u51FD\\u6570\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(event, currentLink) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"position\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Tooltip \\u663E\\u793A\\u4F4D\\u7F6E\\uFF0C\\u53EF\\u9009\\u503C\\u540C Tooltip \\u7EC4\\u4EF6 position\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"railTheme\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6ED1\\u8F68\\u4E3B\\u9898\\uFF0C\\u53EF\\u9009\\u503C\\uFF1A\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"primary\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"tertiary\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"muted\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"primary\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"scrollMotion\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u5F00\\u542F\\u6EDA\\u52A8\\u52A8\\u753B\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"showTooltip\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6587\\u5B57\\u7F29\\u7565\\u65F6\\u662F\\u5426\\u663E\\u793A Tooltip \\u53CA\\u76F8\\u5173\\u914D\\u7F6E, type\\uFF0C\\u6D6E\\u5C42\\u5185\\u5BB9\\u627F\\u8F7D\\u7684\\u7EC4\\u4EF6\\uFF0C\\u652F\\u6301 Tooltip\\uFF08\\u9ED8\\u8BA4\\uFF09 \", \"|\", \" Popover\\uFF1Bopts\\uFF0C\\u5176\\u4ED6\\u9700\\u8981\\u900F\\u4F20\\u7ED9\\u6D6E\\u5C42\\u7EC4\\u4EF6\\u7684\\u5C5E\\u6027, object \\u5F62\\u5F0F\\u8BBE\\u7F6E\\u81EA 2.36.0 \\u7248\\u672C\\u63D0\\u4F9B\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean \", \"|\", \" {type: 'tooltip'\", \"|\", \"'popover', opts: object}\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"size\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u951A\\u70B9\\u5C3A\\u5BF8\\uFF0C\\u53EF\\u9009\\u503C\\uFF1A \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"small\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"default\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"default\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"style\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6837\\u5F0F\\u5BF9\\u8C61\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"targetOffset\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u951A\\u70B9\\u6EDA\\u52A8\\u65F6\\u8DDD\\u79BB\\u9876\\u90E8\\u504F\\u79FB\\u91CF\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"1.9.0\")))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Anchor.Link\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"className\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"disabled\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7981\\u7528\\uFF0C\\u4E0D\\u54CD\\u5E94\\u70B9\\u51FB\\u8DF3\\u8F6C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"1.20.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"href\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8DF3\\u8F6C\\u7684\\u94FE\\u63A5\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"style\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6837\\u5F0F\\u5BF9\\u8C61\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"title\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6587\\u5B57\\u5185\\u5BB9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\", \"|\", \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u6587\\u6848\\u89C4\\u8303\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u6309\\u53E5\\u5B50\\u5927\\u5C0F\\u5199\\u4E66\\u5199\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4FDD\\u6301\\u7B80\\u6D01\\uFF0C\\u907F\\u514D\\u6362\\u884C\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u8BBE\\u8BA1\\u53D8\\u91CF\"), mdx(DesignToken, {\n    mdxType: \"DesignToken\"\n  })), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"FAQ\"), mdx(\"ol\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u4E3A\\u4F55\\u6211\\u7684 Link \\u6CA1\\u6709\\u9AD8\\u4EAE\\u548C\\u6ED1\\u52A8\\u8DDF\\u968F\\uFF1F\"), mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", \"\\u68C0\\u67E5\\u4E0B\\u70B9\\u51FB\\u951A\\u70B9\\u662F\\u5426\\u53EF\\u4EE5\\u6EDA\\u52A8\\u5230\\u6307\\u5B9A\\u4F4D\\u7F6E\\uFF1A\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4E0D\\u53EF\\u4EE5\\uFF0C\\u8BF4\\u660E href \\u6709\\u95EE\\u9898\\uFF0C\\u68C0\\u67E5\\u6587\\u6863\\u4E2D\\u662F\\u5426\\u5B58\\u5728\\u8BE5 id\\uFF1B\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u53EF\\u4EE5\\uFF0C\\u53EF\\u80FD\\u662F\\u6EDA\\u52A8\\u5BB9\\u5668\\u8BBE\\u7F6E\\u4E0D\\u6B63\\u786E\\uFF0C\\u786E\\u4FDD\\u6587\\u6863\\u5185\\u5BB9\\u88AB\\u5305\\u88F9\\u5728\\u6EDA\\u52A8\\u5BB9\\u5668\\u5185\\u3002\\u6EDA\\u52A8\\u5BB9\\u5668\\u9ED8\\u8BA4\\u4E3A window\\uFF0C\\u5982\\u679C\\u4F60\\u7684\\u5BB9\\u5668\\u662F .my-container \\u7684 div\\uFF0C\\u5219\\u5E94\\u8BE5\\u5C06\\u6EDA\\u52A8\\u5BB9\\u5668\\u8BBE\\u7F6E\\u4E3A\\u8BE5 div\\u3002\")), mdx(\"pre\", {\n    parentName: \"li\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-text\"\n  }, \"import React from 'react';\\nimport { Anchor } from '@douyinfe/semi-ui';\\n\\nfunction() {\\n    // \\u6B64\\u5BB9\\u5668\\u4E0D\\u662F Anchor \\u7EC4\\u4EF6\\u7684\\u5BB9\\u5668\\uFF0C\\u662F\\u6587\\u6863\\u5185\\u5BB9\\u7684\\u5BB9\\u5668\\uFF0C\\u56E0\\u4E3A\\u8981\\u6839\\u636E\\u6587\\u6863\\u5BB9\\u5668\\u53BB\\u8BA1\\u7B97\\u5F53\\u524D\\u662F\\u54EA\\u4E2A id \\u5728\\u5BB9\\u5668\\u4E0A\\u65B9\\n    const getContainer = () => {\\n        return document.querySelector('.my-container');\\n    }\\n    return (\\n        <Anchor\\n            /* \\u5176\\u4ED6\\u5C5E\\u6027 */\\n            getContainer={getContainer}\\n            >\\n            /* Links */\\n        </Anchor>\\n    )\\n}\\n\"))))));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/navigation/anchor","next":{"fields":{"slug":"en-US/navigation/backtop"},"id":"26802d85-3beb-56d5-afc0-9e35128bbccd","frontmatter":{"title":"BackTop","localeCode":"en-US","icon":"doc-backtop","showNew":null}},"previous":{"fields":{"slug":"en-US/navigation/anchor"},"id":"3573f2f1-b7f1-5cdd-80be-936e6a73690c","frontmatter":{"title":"Anchor","localeCode":"en-US","icon":"doc-anchor","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}