1
sticky documentにisActive
のような小道具が見つからない場合は、スティッキーを簡単に無効にすることができます。react-sticky。 Semantic-UI-Reactのstickyでそれを行うことは可能ですか? Sticky
にcontext
小道具をヌルにしようとしましたが、スクロールしてもスティッキーです。Semantic-UI-Reactでスティッキーを一時的に無効にする方法?
スティッキーコード:
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>
)
}
}
無効にするオプションがない場合は、自分で実装する必要があると思います。 'isActive'からどの動作を期待していますか? –
私はPRを追加しました。すぐにマージされてリリースされると思います。https://github.com/Semantic-Org/Semantic-UI-React/pull/2053 –
@AlexanderFedyashov、マージを楽しみにしています。一部のページでは固定ヘッダーを無効にしたいが、他のページにはそのままにしたい場合には、「アクティブ」小道具が便利になるだろう。 – RedGiant