identify div

praveen1981
praveen1981 used Ask the Experts™
on
Hi

I have ten images each loading dynamically and i have class responsiveimages for each div
now when the user is scrolling up the last image , i want to load ten more images , now how to identify that user is scrolling last image, this is for mobile appliction and i am using asp.net mvc, with html5 and css  and i am not using jquery mobile.

please suggest.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Developer & EE Moderator
Fellow 2018
Most Valuable Expert 2013
Commented:
If you are at least using jquery, you can use last child https://api.jquery.com/last-child-selector/ 
$( "div:last-child" ) 

Open in new window

or in js https://developer.mozilla.org/en-US/docs/Web/API/Node.lastChild 
var tr = document.getElementById("row1");
var corner_td = tr.lastChild;

Open in new window


Since you are generating the div's dynamically, you could just as easy add a class to the div like, "last_image".   Then create an event when that is reached to make an ajax call.

Author

Commented:
Thanks
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013

Commented:
praveen1981, I am glad this worked for you.   You awarded this question a "B" grade. What would have made the answer an "A".  Please note that the grading on EE is not like a school grade.  The default grade should be an "A" http://support.experts-exchange.com/customer/portal/articles/481419-what-grade-should-i-award-?b_id=44

A B grade means the solution given lacked some information or required you to do a good amount of extra work to resolve the problem. When closing the question, the asker should explain why a B grade was awarded.

Will you please let me know what this question lacked?

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial