顶部/底部固定

使用position:fixed即可。

  1. <View className='at-row'>
  2. <View className='at-col' style='position:fixed;top:0;'><Swipver /></View>
  3. </View>
  4. <View className='rr' >
  5. <Scroly />
  6. <Scroly />
  7. <Scroly />
  8. </View>
  9. <View className='at-row'>
  10. <View className='at-col' style='position:fixed;bottom:0;'><Menu /></View>
  11. </View>

不遮挡失败

固定成功了,底部没有遮挡,但是顶部被遮挡了。这时候可以使用 z-index:1(>0 在前面,<0在后面)

  1. <View className='at-row'>
  2. <View className='at-col' style='z-index:1;position:fixed;top:0;'><Swipver /></View>
  3. </View>
  4. <View className='rr' >
  5. <Scroly />
  6. <Scroly />
  7. <Scroly />
  8. </View>
  9. <View className='at-row'>
  10. <View className='at-col' style='position:fixed;bottom:0;'><Menu /></View>
  11. </View>

z-index:详解

z-index:实例