IScroll自动计算高度代码

Posted zhaogaojian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IScroll自动计算高度代码相关的知识,希望对你有一定的参考价值。

setScrollHeight: function () {
        var temp_height = 0;
        temp_height = $("#" + this.wrapperId).height();
        try {
            var showHeight = (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight) - this.headAndBottomHeight;
            if (temp_height !== showHeight)
                temp_height = showHeight;
        }
        catch (e) { ; };
        $("#" + this.wrapperId).height(temp_height);
        if (!this.isNoData)//有数据
        {
            $("#" + this.scrollId).css("min-height", temp_height + 1);
            $("#" + this.scrollId).height("");
            $("#" + this.scrollId).height($("#" + this.scrollId).height()+20);
        } else {//无数据
            $("#" + this.scrollId).css("min-height", 0);
            $("#" + this.scrollId).height("");
        }
        if (this.myScroll === undefined || this.myScroll === null) this.loadedsroll();
        else this.myScroll.refresh();
    }

核心为红色部分,最后一句加20

以上是关于IScroll自动计算高度代码的主要内容,如果未能解决你的问题,请参考以下文章

iscroll5 滚动条根据内容高度自动显示隐藏及强制横屏时方向错位

在包含图片的页面中正确使用iScroll

iscroll实现h5锁定列和头,并且无限上划分页

手机端局部滚动问题 overflow-y:autoscroll无效,使用iscroll解决

iScroll.js的用法

css有用的代码片段