h5 使用swiper.js实现左右滑动 使用iscroller实现下拉刷新 下拉时总是有很大一部分空白

Question

<div id="wrapper" class="wrapper">
    <div class="swiper-container content">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div id="divOrder1"></div>
            </div>
            <div class="swiper-slide">
                <div id="divOrder2">
                </div>
            </div>
            <div class="swiper-slide">
                <div id="divOrder3">
                </div>
            </div>
            <div class="swiper-slide">
                <div id="divOrder4">
                </div>
            </div>
        </div>
    </div>
</div>

.wrapper {
    position: relative;
    height: 8rem;
}

下面的空白是没有内容的 查看元素是查看不到的
现在我wrapper 的高度写了定值 在不同设备就很不好 发现只要wrapper的高度等于屏幕的高度 - 导航上面的宽度就能解决这个问题 但是这种解决方案只限于内容大于屏幕的高度
如果内容很少就会可以向下滑很远的距离 真的很苦恼 以为是rem布局font-size太大引起的 结果也不是
球球大神帮帮忙

不知道是不是因为这个
但是现在不知道怎么取得屏幕的高度
或者解决方案是不对的 请问是什么原因造成的 如何解决

我发现是swiper-wrapper的高度没有随着swiper-slide的内容高度变化
我现在这么写

onSlideChangeEnd: function(swiper){
            var activeHight=$(".swiper-slide").eq(swiper.activeIndex).height()
            console.log(activeHight)
            // $(".swiper-wrapper").height(activeHight)
            // console.log($(".swiper-wrapper").height())
        }

activeHight得到的是对的 但是却不能动态的设置swiper-wrapper的height 第一次滑动的改变后就不再变了 为什么

Answer 1

iscroll当手指按住拖动跑出区域的时候有时候会卡住。。貌似touchend没执行到?
不知道是不是你这个原因？
别人是怎么解决的：http://www.cnblogs.com/xljzlw...
换个插件试下吗？
获取屏幕高度window.innerHeight

Answer 2

我知道了 是每个slide的高度是不一样的 但是swiper-wrapper 只选择最高的高度 所以会留白 但是还是不知道怎么解决>< 大神在哪里

Answer 3

增加参数 autoHeight: true,

Answer 4

求大神帮忙解答啊><