Main Profile

At A Glance

Javascript Scroll Tutorial Load Dynamic Content Into Page When User Reaches Bottom Ajax

Lesson Code: http://www.developphp.com/view.php?tid=1265Learn to make dynamic page content appear only when user scrolls down to the bottom of your page content using Javascript. We are using the onscroll event for the window object and several DOM properties to create the functionality. *object.offsetHeight - *window.pageYOffset - *window.innerHeight. It serves as a smart way for dynamic websites to load only the data required to fill the window, then load more as the user scrolls down the page.You can see this effect if you have a Facebook account and you scroll down your timeline. Facebook executes new Ajax requests each time you scroll to the bottom of the page content, to load in more data to the page magically with Ajax. This way they do not have to load a lot of data to the page initially, and only spend dynamic data loading energy if the user scrolls down the page to see more and more data. Other large scale dynamic websites also use this approach to achieve efficient database data rendering in a smart modern way.
Length: 15:18

Contact

Questions about Javascript Scroll Tutorial Load Dynamic Content Into Page When User Reaches Bottom Ajax

Want more info about Javascript Scroll Tutorial Load Dynamic Content Into Page When User Reaches Bottom Ajax? Get free advice from education experts and Noodle community members.

  • Answer

Ask a New Question