除了老师说的bug 我发现还有一个bug

除了老师说的bug 我发现还有一个bug

# 具体遇到的问题
1.点击这里的时候

http://img1.sycdn.imooc.com//climg/5f965b6f098c62bf05970998.jpg

http://img1.sycdn.imooc.com//climg/5f965b940937f92506281028.jpg


2.如果把首页的位置往下拉一点 (大概下拉这么多 ,这时候头部只能看到一半的位置)

http://img1.sycdn.imooc.com//climg/5f965be50994c33906041025.jpg

如果这时候在去点击任意一个的话


http://img1.sycdn.imooc.com//climg/5f965c150955416406030990.jpg


这里跳转之后的页面高度和首页的默认位置高度是一样被遮挡了一半了。

http://img1.sycdn.imooc.com//climg/5f965c26091b33e806040994.jpg

正常应该是这样的:

http://img1.sycdn.imooc.com//climg/5f965c420902259c05760949.jpg


# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,问题解答如下:

由于多个页面之间的滚动会相互影响,所以出现了同学所说的bug。而将如下代码去掉就能够解决该问题

http://img1.sycdn.imooc.com//climg/5f96ad1109cb85fb04310146.jpg

是因为去掉该段代码后,详情页的高度就由内容撑开了,此时内容较少,因此详情页不会出现滚动条,也就无法滚动,所以上一个页面的滚动行为,不会影响该页面(该页面无法滚动,也就无法往上移)。当设置该样式后,详情页高度很大,可以滚动,此时上一个页面滚动后,就会影响该页面。

祝学习愉快!

提问者 陈立天 2020-10-26 15:59:28

经过另外一个同学的提示https://class.imooc.com/course/qadetail/259620


他也出现了这样的问题,是老师在写代码中遗留的代码造成的


在Detail.vue中给这个content设置了height 为什么就会造成这种效果? 也就是说当主页我滑动到高度为100的时候点击进入某详情页,然后详情页打开的时候也是在100左右,而不是0这个起始位置。不明白这段代码造成这样原因的原理是什么?


http://img1.sycdn.imooc.com//climg/5f9681600957b5c204750213.jpg

  • 提问者 陈立天 #1
    把这段代码去除掉就不会有这样的问题了
    2020-10-26 15:59:57
  • 提问者 陈立天 #2
    这段代码是在detail.vue文件里面的。另外在这个链接:https://class.imooc.com/lesson/1450#mid=33366 老师也讲到了解决方案。 我发现把这个代码去掉也能解决这个问题,我就是不知道造成这个问题的原因是什么?
    2020-10-26 17:44:22
好帮手慕久久 2020-10-26 14:15:18

同学你好,是如下这样操作吗?如果是的话,老师这边复现不出来同学的bug:

http://img1.sycdn.imooc.com//climg/5f9668710ad2458b06870546.jpg

建议同学检查一下,出现该问题时,是详情页整体往上移动了,还是图片的本身没加载好,导致显示不全。

或者测试一下源码,看源码中,是否会出现该问题,如果源码没有该问题,建议同学对照源码检查一下自己的首页、详情页代码。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师