You can do that by using jQuery.Check below mentioned links for more info.
$(document).ready(function () {
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
sendData();
}
});
function sendData() {
$.ajax(
{
type: "POST",
url: "AjaxProcess.aspx/GetData",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
async: "true",
cache: "false",
success: function (msg) {
$("#myDiv").append(msg.d);
},
Error: function (x, e) {
alert("Some error");
}
});
}
});
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
sendData();
}
});
success: function (msg) {
$("#myDiv").append(msg.d);
},
Load data dynamically on page scroll using jQuery
LOAD DATA WHILE SCROLLING PAGE DOWN WITH JQUERY