better-scroll没反应,没报错,也没看到效果

来源:18-5 商品详情页实现(5)

毛兴峰

2018-02-27

在商品的详情页面里,better-scroll没反应,我把内容超过了页面,但是没有滚动。

http://img.mukewang.com/szimg/5a956dd40001c84507710282.jpg

http://img.mukewang.com/szimg/5a956dd40001299710480275.jpg

http://img.mukewang.com/szimg/5a956dd40001e81009000386.jpg

http://img.mukewang.com/szimg/5a956dd5000134db10000465.jpg


写回答

4回答

毛兴峰

提问者

2018-03-03

这个问题,我发现在外层在包一个div层,把class,ref,v-show写在这个层就可以滚动了。不知道为啥这样就可以了。

0
0

毛兴峰

提问者

2018-02-28

this.srcoll实例后的对象内容是这样的//img.mukewang.com/szimg/5a96ad8800016f9413660566.jpg


//img.mukewang.com/szimg/5a96adb700016f9413660566.jpg//img.mukewang.com/szimg/5a96ae3100012e1610700497.jpg

0
0

ustbhuangyi

2018-02-28

//img.mukewang.com/szimg/5a960e160001207b14760816.jpg

初始化前加个断点看 DOM 是否已经渲染高度是否正确。初始化后看 scroll 对象的 hasVerticalScroll 是否为 true。

0
1
毛兴峰
初始化之前的高度是1015(console.log(this.$refs.food.scrollHeight),这样获取到的),初始化后console.log(this.srcoll.hasVerticalScroll) 为false . 但初始化后我console.log(this.scroll) 是一个对象,对象信息如下。。 BScroll {wrapper: div.food.move-enter.move-enter-active, scroller: div.food-content, scrollerStyle: CSSStyleDeclaration, options: {…}, translateZ: " translateZ(0)", …}
2018-02-28
共1条回复

ustbhuangyi

2018-02-27

用最新版本的 better-scroll 了吗

0
3
毛兴峰
回复
ustbhuangyi
你说的是代码吗,我的都是在本地的。
2018-02-28
共3条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程