滚动条显示问题

滚动条显示问题

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

用老师的代码,滚动条还是不会出来,不能滚动,

修改

.swiper-container{

overflow: hidden;

width: 100%;

height: 100vh;

}

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

还是不能滚动

正在回答

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

2回答

建议检测一下下面的代码与你的代码一致

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

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

另外,默认情况下是看不见滚动条的,需要将鼠标放在界面上,点住鼠标左键不松手,同时向上拖拽才能显示出来滚动条的,另外,swiper–wrapper的高度高,是因为页面在加载内容,这个高度是页面加载出来的所有内容的高度。

祝学习愉快!

卡布琦诺 2018-06-14 18:08:06

出现的原因可能是因为数据是异步加载的,滚动条加载完以后,里面的内容可能还没有加载完,导致不能正确获取准确地高度,建议同学仔细同意下“4-4 更新滚动条和图片的懒加载”这节课,老师在这节课中有讲解如何解决滚动条失效的问题。希望可以帮到你!

  • 提问者 小巧的蜗牛 #1
    我已经看完了,也是用老师方法修改swiper-container了,这是老师的源码,预览了的结果也是一样,swiper–wrap也是两千多
    2018-06-15 07:02:27
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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