1
Je ne peux pas trouver un accessoire comme isActive
dans le sticky document qui peut facilement désactiver le collant comme react-sticky. Est-il possible de faire cela dans Semantic-UI-React collant? J'ai essayé de rendre les accessoires context
null dans Sticky
, mais c'est toujours collant quand on fait défiler.Façons de désactiver temporairement collant dans Semantic-UI-React?
Code Important:
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>
)
}
}
S'il n'y a pas d'option pour le désactiver, je pense que vous devez vous implémenter. Quel comportement attendez-vous de 'isActive'? –
J'ai ajouté PR, je pense qu'il sera fusionné et publié bientôt, https://github.com/Semantic-Org/Semantic-UI-React/pull/2053 –
@AlexanderFedyashov, merci, dans l'attente de la fusion . Les accessoires 'active' seront utiles lorsque je veux désactiver l'en-tête collant sur certaines pages mais le garder sur d'autres. – RedGiant