iframe,不用自适应高度,父元素高度固定,iframe高度固定,加滚动条,子页面的html,必须是overflow:scroll
//父页面 <iframe src="/detail" id="myiframe" width="925px" height="700px" frameborder="0" scrolling="auto"> @yield('content') </iframe> //子页面 $(document).ready(function(e){ getPhoto(); window.addEventListener('scroll', scrollAdd); }); // 滑动加载一组新数据 function scrollAdd(){ var _bot = 50; // 距离底部50px开始加载一组新数据 var e = $(window).scrollTop(); var t = $(document).height(); if(($(window).height() + e + _bot) > t){ getPhoto(); } } // 查询操作 function getPhoto(){ //防止,滚动条,多次触发,请求事件 if(_locked){ return false; } _locked = true; $.ajax({ type: "POST", url: "", data: { "_token": token, }, dataType: "json", success: function (data) { _locked = false; //如果有传过来的请求 if (data.status == 1) { //图片地址后加时间戳,是为了避免缓存 } else { } }, error: function () { _locked = false; return; } }); }