I’ve noticed this in numerous “modern” websites (e.g. facebook and google image search) where the images below the fold load only when user scrolls down the page enough to bring them inside the visible viewport region (upon view source, the page shows X number of <img> tags but they are not fetched from the server straight away). What is this
Tag: scroll
How to disable scrolling temporarily?
I’m using the scrollTo jQuery plugin and would like to know if it is somehow possible to temporarily disable scrolling on the window element through Javascript? The reason I’d like to disable scrolling is that when you scroll while scrollTo is animating, it gets really ugly 😉 Of course, I could do a $(“body”).css(“overflow”, “hidden”); and then put it back
Is there an event that fires on changes to scrollHeight or scrollWidth in jQuery?
I’m using JQuery to design an application where the user can drag elements inside of a div that automatically adds scrollbars and expands the scrollHeight/scrollWidth as needed. I need to fire off an even when the scrollHeight and scrollWidth of the container div are changed. No, don’t want to use the scroll event because 1) scroll doesn’t get fired when
How to check if element is visible after scrolling?
I’m loading elements via AJAX. Some of them are only visible if you scroll down the page. Is there any way I can know if an element is now in the visible part of the page? Answer This should do the trick: Simple Utility Function This will allow you to call a utility function that accepts the element you’re looking