华为手机上拉加载更多

2019-08-22  本文已影响0人  newway_001
                $(window).scroll(function () {
                    var clientWidth = document.documentElement.clientWidth;
                    var clientHeight = document.documentElement.clientHeight;
                    var font;
                    if (!clientWidth) return;
                    if (clientWidth >= 750) {
                        font = 100;
                    } else {
                        font = 100 * (clientWidth / 750);
                    }

                    // var loadMoreHeight = 
//document.getElementsByClassName('loadMore')[0].offsetHeight;
                    var ulHeight = document.getElementById('vm').offsetHeight;
                   
                    var headerHiddenHeight = document.getElementsByClassName('header-hidden')[0].offsetHeight;
                    var mainHeight = document.getElementsByClassName('bg-body')[0].offsetHeight;
                    var scrollY = ulHeight + headerHiddenHeight + mainHeight - clientHeight;
//理论极限高度 -clientHeight高度
                    var scroH = $(this).scrollTop();//实际高度;
                    if (scroH >= scrollY-1) {
               //匹配华为手机不能滑动到最底部的问题。
                        //滑到底部;

                        vm.loadMore(); //触发定义的上拉加载更多事件();
                    }
                })
            }
上一篇 下一篇

猜你喜欢

热点阅读