javascript: detect scroll end

by

The accepted answer was fundamentally flawed, it has since been deleted. The correct answer is:

function scrolled(e) {
  if (myDiv.offsetHeight + myDiv.scrollTop >= myDiv.scrollHeight) {
    scrolledToBottom(e);
  }
}

Tested this in Firefox, Chrome and Opera. It works.

More Related Contents:

  1. Scroll Function working in reverse order [closed]
  2. How to scroll an HTML page to a given anchor
  3. Trigger event when user scroll to specific element – with jQuery
  4. Keep overflow div scrolled to bottom unless user scrolls up
  5. How to scroll to top of page with JavaScript/jQuery?
  6. prevent Scroll bubbling from element to window
  7. How to do a horizontal scroll on mouse wheel scroll?
  8. How to load images dynamically (or lazily) when users scrolls them into view
  9. How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?
  10. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  11. Scrolling Overflowed DIVs with JavaScript
  12. Load ajax when scroll reaches 80%
  13. Get one element title and add this to another div in jquery
  14. Get the longest text in HTML document using Jquery or javascript
  15. Hide/Show image on one click [closed]
  16. How to move an element into another element?
  17. How to prevent a click on a ‘#’ link from jumping to top of page?
  18. How to calculate the XPath position of an element using Javascript?
  19. How to disable scroll without hiding it?
  20. Uncaught Error: SECURITY_ERR: DOM Exception 18 when I try to set a cookie
  21. jQuery: Get selected element tag name
  22. Save a pre element as PDF with CSS
  23. Center flex item in container, when surrounded by other flex items
  24. jQuery load content when scroll to bottom-100px of page, multiple events fired
  25. Onclick reload the div only
  26. jQuery: How to listen for DOM changes?
  27. submit event does not fire if submit initiated programmatically
  28. How can I remove wrapper (parent element) without removing the child?
  29. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  30. Content of html page changed by jQuery but “View Source” don’t reflect the changes

Leave a Comment