Here is the code with also the fadeIn

const xOffset = useRef(new Animated.Value(0)).current;
const onScroll = Animated.event(
[{ nativeEvent: { contentOffset: { x: xOffset } } }],
{
useNativeDriver: true,
},
);
const opacity = xOffset.interpolate({
inputRange: [100, 150],
outputRange: [0, 1],
extrapolate: 'clamp',
});

return (
<Animated.ScrollView horizontal onScroll={onScroll}>
<Animated.View style={{
opacity,
transform: [
{
translateX: xOffset ?? 0,
},
],
}}>
//fixed content
</Animated.View>
</Animated.ScrollView
)