better-scroll无法滚动问题

 

无法滚动的时候打印一下scroll对象,看看里面的wrapperHeight是否小于scrollerHeight,如果不小于是不能滚动的,因为hasVerticalScroll表示是否有垂直滚动,如果不小于,那么hasVerticalScroll就是false,所以无法滚动。class为recommend的元素是scroll元素的父元素,它要固定高度为wrapperHeight的高度,如果没有这个父元素直接height:100%,那么wrapperHeight的高度就跟scrollHeight一样,从而无法实现滚动。贴出代码,我因为数据过少而无法滚动,所以复制了一份li,可以忽略。

   .recommend
    position: fixed
    width: 100%
    top: 88px
    bottom: 0
    .recommend-content
      height: 100%
      overflow: hidden

better-scroll无法滚动问题_第1张图片

你可能感兴趣的:(javascript)