js当ul列表超过指定高度滚动显示数据

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_21071977/article/details/81236588
1、超过指定高度,数据滚动显示
var ul = $("#mylist")[0];
// var u2 = $("#wrapper");
// var ul  = document.getElementById("mylist");
var children = ul.childNodes;
var height = 0;
for (var i = 0; i < children.length; i++) {
    if (children[i].tagName == "LI") height += children[i].offsetHeight;
}
if (height > 500) ul.style.overflowY = "scroll";

2、判断ul滚动条到底部

$("#mylist").scroll(function () {
    var sum = this.scrollHeight;
    if (sum <= $(this).scrollTop() + $(this).height()) {
        $("#mylist").append($(".child").clone());
        //显示上拉加载更多
        $("#loadMore").css("display", "block");
    }
});

没有更多推荐了,返回首页