uniapp滚动栏的图片会盖到上面的固定定位导航栏

uniapp滚动栏的图片会盖到上面的固定定位导航栏

使用scroll-view组件；粉色的是中间滚动区域；

给导航栏加 position: relative;z-index: 9;

看着只是icon层级过高了，调整下呗

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7519837
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：uniapp 两个scroll-view相互作用
• 除此之外, 这篇博客: uniapp中使用scroll-view实现图片滑动效果（含点击预览以及长按下载操作）中的 uniapp中使用scroll-view实现图片滑动效果（含点击预览以及长按下载操作） 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  
  一、效果图
• 二、注意要点
• 三、代码

• 您还可以看一下 温招明老师的uniapp实战开发商城APP和小程序课程中的 scroll-view上拉加载更多数据小节, 巩固相关知识点
  
• 以下回答来自chatgpt:

  根据参考资料和描述，可以将解决该问题的具体步骤总结如下：

  1. 设置scroll-view中的图片不要盖住上面的固定定位导航栏，可以将导航栏设置为position: fixed，并设置width: 100%。
  2. 如果是横向滚动，需要设置scroll-x属性为true，并设置white-space: nowrap，以及将滚动项view设置为display: inline-block。
  3. 如果想要实现满屏滚动效果，可以先设置Page组件的高度为100%，然后再将scroll-view组件的高度设置为100%。
  4. 通过设置Class类实现对view的样式和间距的设置，然后设置通过methods方法获取当前滚动框的位置，并设置变量去改变view的样式，实现滑动区间内的view样式变化。

  详细的代码逻辑参考上面的参考资料和代码。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^