下面小编就为大家带来一篇浅谈react.js中实现tab吸顶效果的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

主要给大家介绍了关于react-native滑动吸顶效果的实现方法，文中通过示例代码介绍的非常详细，对大家学习或者使用react-native具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧

前言 最近公司开发方向偏向移动端，于是就被调去做RN（react-native），体验还不错，当前有个需求是首页中间吸顶的效果，虽然已经很久没写样式了，不过这种常见样式应该是so-easy，没成想翻车了，网上搜索换了几个方案都不行，最后去github上复制封装好的库来实现，现在把翻车过程记录下来。 需求效果 翻车过程 第一种方案 失败 一开始的思路是这样的，大众思路，我们需要监听页面的滚动状态，当页面滚动到要吸顶元素所处的位置的时候，我们设置它为固定定位，不过很遗憾，RN对于positio

在react项目开发中有一个需求是，页面滚动到tab所在位置时，tab要固定在顶部。 实现的思路其实很简单，就是判断当滚动距离scrollTop大于tab距离页面顶部距离offsetTop时，将tab的position变为fixed。 在react中，我在state中设置一个navTop属性，切换这个属性的值为true或者false，然后tab标签使用classnames()这个方法来利用navTop的值添加类名fixed。 一开始我是这样写的： import cs from 'classna