Code solutions to PHP, JS, CSS

Spread your code soluces to the world

Love me

Search results for : scrolling    (3)

Show hide DIV content with scrolling (javascript)

Show and hide the contents of a DIV with a single function from a mouse event. The DIV unfolds and folds progressively through the setTimeout. To use this script, run the function deplie() on an event with argument ID of the DIV in question. You can set the DIV position to absolute not to move the below located content.
solucior.com/4-Show_hide_DIV_content_with_scrolling.html

Div following the scrolling of the page (javascript)

CSS fixed positioning does not work on Internet Explorer based browsers, it is therefore useful to use the javascript to fix vertically a DIV block. This function addresses the value of the div top CSS "fixedtop" taking into account the scrollTop of the page in the window. Tested on the most common browsers.
solucior.com/16-Div_following_the_scrolling_of_the_page.html

Load image with page scroll.Lazy loading (javascript)

Images are displayed only when they are in the visible area of the window (lazy loading). The code work with the page scrolling. You dont need to modify your HTML code. You can replace the favicon.gif by a blank gif/png.
solucior.com/40-Load_image_with_page_scroll_Lazy_loading.html