我在YouTube上看过关于Dynamic Content的视频教程,当用户到达页面底部时,它会自动加载新的div(类似于facebook主页)。而不是预期的结果,它只是继续加载。我不知道如何阻止它。这是完整的代码:
<!DOCTYPE html>
<html>
<head>
<script>
function yHandler(){
// Watch video for line by line explanation of the code
// http://www.youtube.com/watch?v=eziREnZPml4
var wrap = document.getElementById('wrap');
var contentHeight = wrap.offsetHeight;
var yOffset = window.pageYOffset;
var y = yOffset + window.innerHeight;
if(y >= contentHeight){
// Ajax call to get more dynamic data goes here
wrap.innerHTML += '<div class="newData"></div>';
}
var status = document.getElementById('status');
status.innerHTML = contentHeight+" | "+y;
}
window.onscroll = yHandler;
</script>
<style>
div#status{position:fixed; font-size:24px;}
div#wrap{width:800px; margin:0px auto;}
div.newData{height:1000px; background:#09F; margin:10px 0px;}
</style>
</head>
<body>
<div id="status">0 | 0</div>
<div id="wrap"><img src="temp9.jpg"></div>
</body>
</html>
要在桌面上进行测试,请确保您的图像名称为 temp9.jpg
答案 0 :(得分:0)
您需要添加一个检查以查看是否正在提取内容,如果在加载数据之前忽略了代码。
val someScenario = scenario("scenario").exec(
exec(addCookie(Cookie("test","test"))),
exec(http("httpcall").get("someUrl")))
现在,当Ajax调用完成后,将var isLoading = false;
function yHandler(){
if (isLoading) {
return;
}
/* Rest of logic */
}
设置回isLoading
。
false