Deixe o posicionamento fixo da barra de navegação reagir

 Primeiro use o plugin react-sticky 

baixe primeiro 

npm i -S react-sticky

 O segundo passo é apresentar onde queremos usar

 


Esta é a renderização, a barra de navegação fica sempre no topo quando você puxa

 

 Como usei o componente antd, escrevi renderTaBar = (props e o estilo padrão) e depois modifiquei

 O sticky introduzido antes é usado aqui e, em seguida, escreva se deseja que bottomOffset ou topOffset={80} entre em vigor e, em seguida, escreva o estilo, que é o estilo antd padrão e adicione seu próprio estilo. A terceira etapa está OK

 o quarto passo

Use a tag StickyContainer introduzida anteriormente para agrupar o conteúdo que deseja colar e adicione a terceira etapa que escrevemos agora ao seu filho de primeiro nível, e ela terá sucesso.

 

 

Acho que você gosta

Origin blog.csdn.net/it_varlue/article/details/120593729
Recomendado
Clasificación