Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ReactJS中,如何在没有JQuery的情况下使标题粘贴在滚动条上_Javascript_Css_Reactjs - Fatal编程技术网

Javascript 在ReactJS中,如何在没有JQuery的情况下使标题粘贴在滚动条上

Javascript 在ReactJS中,如何在没有JQuery的情况下使标题粘贴在滚动条上,javascript,css,reactjs,Javascript,Css,Reactjs,我试图将页面顶部的nav设置为一个粘性标题,并寻找一个节点模块,该模块与React Native的ScrollView包装器等效,但不适用于ReactJS。到目前为止,唯一有用的东西是,它不再被维护,而且似乎无法与React 16一起工作。我不想为此使用JQuery,当然,除非这在ReactJS中被认为是最佳实践。如果您想基于滚动显示/隐藏导航,可以查看。如果你希望你的标题总是在顶部,那么只需使用CSS-position:fixed;排名:0;左:0;宽度:100%更好的解决方案是CSS的位置:

我试图将页面顶部的nav设置为一个粘性标题,并寻找一个节点模块,该模块与React Native的ScrollView包装器等效,但不适用于ReactJS。到目前为止,唯一有用的东西是,它不再被维护,而且似乎无法与React 16一起工作。我不想为此使用JQuery,当然,除非这在ReactJS中被认为是最佳实践。

如果您想基于滚动显示/隐藏导航,可以查看。如果你希望你的标题总是在顶部,那么只需使用CSS-
position:fixed;排名:0;左:0;宽度:100%

更好的解决方案是CSS的
位置:粘性你可以从MDN学习:啊,谢谢!我以前从来没有听说过这种黏糊糊的道具。一直就在我眼皮底下。仅供参考,它不支持IE@stack26
position:sticky
在EDGE 16+中可用,所以不用担心(这只是一个不错的功能,不是必须具备的)。
position:fixed
的z索引为10000,在任何地方都可以使用