2017-09-04 13 views
1

sticky documentisActiveのような小道具が見つからない場合は、スティッキーを簡単に無効にすることができます。react-sticky。 Semantic-UI-Reactのstickyでそれを行うことは可能ですか? Stickycontext小道具をヌルにしようとしましたが、スクロールしてもスティッキーです。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から入手可能です。

関連する問題