2017-09-04 5 views
1

Ich kann keine Prop wie isActive in der sticky document finden, die die klebrige leicht wie react-sticky deaktivieren kann. Ist es möglich das in Semantic-UI-React Sticky zu tun? Ich habe versucht, die context Requisiten Null in Sticky, aber es ist immer noch sticky beim Scrollen.Möglichkeiten, Sticky in Semantic-UI-React vorübergehend zu deaktivieren?

Sticky Code:

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

Wenn es keine Option gibt, um es zu deaktivieren, denke ich, dass Sie sich implementieren müssen. Welches Verhalten erwarten Sie von 'isActive'? –

+1

Ich habe PR hinzugefügt, ich denke, es wird zusammengeführt und bald veröffentlicht werden, https://github.com/Semantic-Org/Semantic-UI-React/pull/2053 –

+0

@AlexanderFedyashov, danke, freue mich auf die Zusammenführung . Die "aktiven" Requisiten werden sich als nützlich erweisen, wenn ich Sticky Header auf einigen Seiten deaktivieren, aber auf anderen beibehalten möchte. – RedGiant

Antwort

1

Die active Stütze für Sticky Komponente von 0.73.1 zur Verfügung.

Verwandte Themen