2017-09-04 5 views
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> 

    ) 
    } 
} 
+1

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'? –

+1

J'ai ajouté PR, je pense qu'il sera fusionné et publié bientôt, https://github.com/Semantic-Org/Semantic-UI-React/pull/2053 –

+0

@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

Répondre

1

L'accessoire pour Sticky composant active est disponible à partir 0.73.1.