努力学C的啦 2022-11-05 11:19 采纳率: 56.5%
浏览 34
已结题

移动端项目滑动头部于底部也会造成页面滚动

今天刚做完一个移动端的项目练习，但是呢，在做完后，发现一个BUG，当我滑动页面导航栏时，页面也会滚动（如图）

img


当我上下滑动红色框内的头部区域时，底下绿色区域页面也会上下滚动

我查看发现，页面滚动占高度100%，于是我把绿色框内的内容padding-top:50px；让他空出头部标签和导航栏的距离，但是上下滑动头部还是会造成页面滚动，同时底部路由区域上下滑动也会造成页面滚动，滚动条也超出滚动区域

我想要达到的结果

想要解决滑动头部和底部造成页面滚动的问题

  • 写回答

1条回答 默认 最新

  • 经海路大白狗 前端领域优质创作者 2022-11-05 13:50
    关注

    咋写的固定定位

    评论

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 11月13日
  • 创建了问题 11月5日

悬赏问题

  • ¥300 寻抓云闪付tn组成网页付款链接
  • ¥15 请问Ubuntu要怎么安装chrome呀？
  • ¥15 视频编码 十六进制问题
  • ¥15 Xsheii7我安装这个文件的时候跳出来另一个文件已锁定文件的无一部分进程无法访问。这个该怎么解决
  • ¥15 unity terrain打包后地形错位，跟建筑不在同一个位置，怎么办
  • ¥15 FileNotFoundError 解决方案
  • ¥15 uniapp实现如下图的图表功能
  • ¥15 u-subsection如何修改相邻两个节点样式
  • ¥30 vs2010开发 WFP（windows filtering platform）
  • ¥15 服务端控制goose报文控制块的发布问题