antd <BackTop>组件的使用?

Question

antd <BackTop>组件的使用:
默认props的target

我想在markdown-body里面使用而不是window，改怎么写target呢？

Answer 1

按照文档来写的话应该是：

<BackTop target ={()=>document.getElementById('markdownBody')} />

... 老哥可以试试

Answer 2

我对antd 不是太了解, 不过根据你的提示, 你可以尝试一下.

1. 在 markdown-body 中加上 ref

2. 在 <BackTop> 通过 this.ref.xxx 获取到目标 Dom

<div className="markdown-body" ref="markdownBody" >
    <div... />
    <BackTop target={() => this.ref.markdownBody} />
</div>

Answer 3

 <Content className={style.content} style={{ maxHeight: 'calc(100vh - 175px)',overflowY:"auto" }} id ='handelDocID'>
  <BackTop visibilityHeight={300} target ={()=>document.getElementById('handelDocID')} >
    <div className={style.backTopInner}>UP</div>
  </BackTop>
 </Content>

将 <BackTop> 放在加滚动条的元素的子级里，不是孙子级及后代元素里面