forked from qwerty/tupali
limpieza parametrizacion
This commit is contained in:
parent
71720645b7
commit
5a36ca5d7a
@ -1,93 +0,0 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Test Image</title>
|
||||
|
||||
<script src="jquery/jquery-2.1.4.min.js" ></script>
|
||||
<script src="bootstrap/js/bootstrap.min.js" ></script>
|
||||
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css?" >
|
||||
<script src="lazy/jquery.lazy.min.js"></script>
|
||||
<style type="text/css">
|
||||
img.lazy {
|
||||
|
||||
|
||||
/* optional way, set loading as background */
|
||||
background-image: url('../milfs/images/loading.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
|
||||
loadArticle(1);
|
||||
loadArticle(2);
|
||||
loadArticle(3);
|
||||
var count = 4;
|
||||
$("div").scroll(function () {
|
||||
var offset = $('#scroll-content div').length;
|
||||
var $this = $(this);
|
||||
var height = this.scrollHeight - $this.height(); // Get the height of the div
|
||||
var scroll = $this.scrollTop(); // Get the vertical scroll position
|
||||
|
||||
var isScrolledToEnd = (scroll >= height);
|
||||
|
||||
$(".scroll-pos").text(scroll);
|
||||
$(".scroll-height").text(height);
|
||||
|
||||
if (isScrolledToEnd) {
|
||||
loadArticle(count);
|
||||
count++;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
function loadArticle(pageNumber){
|
||||
|
||||
var newDiv = document.createElement("div");
|
||||
// newDiv.setAttribute("class", "container");
|
||||
// var contenido ="Hola mundo "+ pageNumber;
|
||||
// newDiv.innerHTML = contenido;
|
||||
|
||||
//newDiv.innerHTML.append(html);
|
||||
document.getElementById("scroll-content").appendChild(newDiv);
|
||||
|
||||
$.ajax({
|
||||
//url: 'get-post.php?variable='+(offset),
|
||||
url: '../milfs/api.php?id=74&tipo=simple&formato=li&plantilla=landingpage®istros=1&pagina='+pageNumber,
|
||||
type:'POST',
|
||||
dataType: 'html',
|
||||
success: function(html) {
|
||||
// $('#scroll-contentx').append(html);
|
||||
var contenido = html;
|
||||
newDiv.innerHTML = contenido;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
|
||||
$(function() {
|
||||
$('.lazy').lazy({
|
||||
appendScroll: $('#scroll-content')
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class='container' style="overflow-y: scroll; overflow-x: hidden; height: 400px; border: 1px solid red;">
|
||||
|
||||
|
||||
<div id="scroll-content">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id='paginas'>las paginas</div>
|
||||
Scroll Height: <span class="scroll-height"></span> <br/>
|
||||
Scroll position: <span class="scroll-pos"></span>
|
||||
</body>
|
||||
</html>
|
||||
shareimprove this answer
|
Loading…
Reference in New Issue
Block a user