show div when the very bottom on the website is reached

[Anonymous]

I have print button and i want it to show when the user reaches the very bottom of the website. it will have display:none with css and maybe using jquery display:visible but when the user reaches the bottom. http://reallycoolstuff.net/PROJECTS/jobmagnet/

[Kuzyo]

Maybe, you find usefull http://codepen.io/Kuzyo/pen/pcIhx

[Anonymous]

Something like that is what i am looking for. But i also want the button to hide when the user scrolls up.

[Kuzyo]

Updated: http://codepen.io/Kuzyo/pen/pcIhx

[Anonymous]

i want it to fade in when the bottom of the site is reached, and fade out when the user scrolls out of the bottom. as soon as they start scrolling up from the bottom. That doesnt do it.

[Kuzyo]

I thought, it will help

[Anonymous]

@Juzyo and it did thank you for your help. But i want something slightly different.

[Alen]

Something like this:

http://codepen.io/alenabdula/details/jilph

[Anonymous]

@Alen Looks like its working but the opposite way. Any idea why? http://reallycoolstuff.net/PROJECTS/jobmagnet/

[Alen]

Did you hide the button first. As you can see in the code I provided first line hides the button then, when page reaches bottom, button fades in.

Try that, see if it works

[Anonymous]

Yes i did and its the same. I removed it because i hide the buttons with css instead of jquery. Anyway i added the hide() in the jquery and its still not working.

[Kuzyo]

@Jarolin It seems that $(window).scrollTop() don’t add to $(window).height() maybe try additionall parentheses this way:

if( ( $(window).scrollTop() + $(window).height() ) == $(document).height())

[Anonymous]

@crocoDillon Yours is also working but the opposit way too, This is totally weird. And i would preffer to hide the buttons because they are still clickable when hidden. Also when you scroll with the scroll bar and hold it the buttons only dissapear once you let go.

[Alen]

@CrocoDillon i like your solution better.

[meisp123]

Located in Zhengzhou, “Henan” where a team soccer jerseys for cheap
in the province, not a city. They are still using last season’s jersey, NIKE, which give them a decent design, red and green with a bit of fun. There may be no new Jersey, but probably just a mass of templates in conjunction with a blue NIKE

[Author]

Posts