在 Semantic-UI-React 中暂时禁用粘性的方法?
Ways to temporarily disable sticky in Semantic-UI-React?
我在sticky document that can disable the sticky easily like react-sticky中找不到像isActive
这样的道具。是否可以在 Semantic-UI-React sticky 中做到这一点?
我试过在 Sticky
中使 context
props 为 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>
)
}
}
Sticky
组件的 active
道具可从 0.73.1
获得。
我在sticky document that can disable the sticky easily like react-sticky中找不到像isActive
这样的道具。是否可以在 Semantic-UI-React sticky 中做到这一点?
我试过在 Sticky
中使 context
props 为 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>
)
}
}
Sticky
组件的 active
道具可从 0.73.1
获得。