在Semantic-UI-React中暂时禁用粘性的方法?

时间:2017-09-04 11:36:00

标签: javascript reactjs semantic-ui semantic-ui-react

我无法在sticky document中找到类似isActive的道具,可以像react-sticky一样轻松禁用粘性。是否有可能在Semantic-UI-React粘性中做到这一点? 我已尝试在context中将Sticky道具设为null,但在滚动时它仍然很粘。

粘性代码:

export default class StickyAdjacentContextExample extends Component {
  state = {}
  handleContextRef = contextRef => this.setState({ contextRef })

  render() {
    const { contextRef } = this.state

    return (
       <div ref={this.handleContextRef}>
             <Sticky context={contextRef}>
                  <Header as='h3'>Stuck Content</Header>
                  <Image src='/assets/images/wireframe/image.png' />
                </Sticky>
       </div>

    )
  }
}

1 个答案:

答案 0 :(得分:1)

active组件的Sticky道具可从0.73.1获得。