当StickyContainer顶部的值不同于0时

当StickyContainer顶部的值不同于0时

本文介绍了当StickyContainer顶部的值不同于0时,是否可能粘住?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个固定的导航栏,高度为50px.当StickyContainer顶部为50而不是0时,我想坚持下去.请问如何实现?

I have a fixed navbar, with a height of 50px. I would like to stick when the StickyContainer top is 50, instead of 0. Please how can I acheive that ?

推荐答案

我明白了,

<StickyContainer>
  <Sticky topOffset={-50}>
    ({style, isSticky}) => (
      <div style={{ ...style, paddingTop: isSticky ? '50px' : '0px' }}>
        ...
      </div>
    )
  </Sticky>
</StickyContainer>

这篇关于当StickyContainer顶部的值不同于0时,是否可能粘住?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-14 13:28