naive-ui/demo/documentation/components/anchor/zhCN/ignoreGap.demo.md
07akioni 487001d697 build: add changelog to site, refactor loader based on suffix
.demo.md for component demo
.demo-entry.md for demo entry
.md for common docs
2020-08-19 23:30:04 +08:00

1.2 KiB

忽略间隔

<div style="height:200px">
  <n-row :gutter="12">
    <n-col :span="6">
      <div></div>
    </n-col>
    <n-col :span="6">
      <div></div>
    </n-col>
    <n-col :span="6">
      <div style="width:160px;float:right;">
        <n-anchor  affix :offset-top="24" :top="88" style="z-index: 1;" ignore-gap>
          <n-anchor-link title="演示" href="#演示">
            <n-anchor-link title="忽略间隔" href="#ignore-gap"/>
            <n-anchor-link title="固定" href="#affix"/>
            <n-anchor-link title="滚动到" href="#scrollto"/>
          </n-anchor-link>
          <n-anchor-link title="Props" href="#Props" />
        </n-anchor>
      </div>
    </n-col>
    <n-col :span="6">
      <div style="width:160px;float:right;">
        <n-anchor  affix :offset-top="24" :top="88" style="z-index: 1;">
        <n-anchor-link title="演示" href="#演示">
            <n-anchor-link title="忽略间隔" href="#ignore-gap"/>
            <n-anchor-link title="固定" href="#affix"/>
            <n-anchor-link title="滚动到" href="#scrollto"/>
          </n-anchor-link>
          <n-anchor-link title="Props" href="#Props" />
        </n-anchor>
      </div>
    </n-col>
  </n-row>
</div>