下拉菜单的高度与loading图片的高度一致,却没法与加载的内容高度一致

下拉菜单的高度与loading图片的高度一致,却没法与加载的内容高度一致

正在回答 回答被采纳积分+1

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

2回答
好帮手慕星星 2019-08-31 14:28:46

你好,代码是可以进行完善的:

因为按需加载是用户的行为,所以我们可以提供一个方法,它的作用是更新当前下拉层的宽和高,当用户按需加载完成内容后,手动调用这个方法更新下拉层的宽和高。

例如传入动画为:slideUpDown

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

dropdown.js代码中:

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

index.js中:

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

在common.css中给下拉列表添加超出隐藏:

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

自己可以测试下。祝学习愉快!

好帮手慕星星 2019-08-31 10:40:14

同学你好,

这边使用源码进行测试,下拉效果是正确的哦:

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

建议将自己的代码粘贴到源码中进行测试下,看看效果上有没有问题。还有同学用的哪个动画效果呢,需要说明一下,有时候可能是动画效果的问题。

如果自己找不出问题,可以将全部代码粘贴上来,老师帮助你测试下,便于准确定位问题所在。

祝学习愉快!

  • 我知道,老师在视频里讲解的时候我看到了,包括我前一个小节下拉菜单的页面里高度显示也是正常的,但是就是在这里出现这样子的情况,我改了loading图片的高度,这个下拉菜单的高度才会跟着变高,代码实在太多了,不知道哪个小细节出错了,只能排除法。我就是想问一下老师,出现这种情况,一般有哪些原因导致的呢?
    2019-08-31 11:09:45
  • 同学有改变动画吗?传参animation值不是fade,用了其他的,可能动画会改变效果哦。如果不是动画的问题,老师在私信中给你解决。
    2019-08-31 11:25:18
  • 果真只有animation:fade模式才显示正常,其他的左右卷和上下拉都有瑕疵
    2019-08-31 11:47:48
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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