2017-09-04 3 views
1

sticky documentisActive과 같은 받침대가 없어서 끈적임을 쉽게 없앨 수 있습니다 (react-sticky). Semantic-UI-React sticky에서 그렇게 할 수 있습니까? Stickycontext 소품을 null로 만들려고했으나 스크롤 할 때 여전히 고정적입니다.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> 

    ) 
    } 
} 
+1

비활성화 할 수있는 옵션이 없다면 직접 구현해야한다고 생각합니다. 'isActive'에서 어떤 동작을 기대합니까? –

+1

PR을 추가했습니다. 곧 병합되어 출시 될 것입니다. https://github.com/Semantic-Org/Semantic-UI-React/pull/2053 –

+0

@AlexanderFedyashov, 병합을 고대합니다. 감사합니다. . 일부 페이지에서는 끈적한 헤더를 비활성화하고 다른 페이지에서는 계속 유지하려고 할 때 '활성'소품이 유용 할 것입니다. – RedGiant

답변

1

Sticky 구성 요소에 대한 active 소품 0.73.1에서 사용할 수 있습니다.