Comments on: End of Page Slide Out Box with jQuery

By: Abhishek

Abhishek — Thu, 08 Dec 2011 05:56:13 +0000

Thanks for this easy to use tutorial! It will be a better idea if the box disappears if the user scrolls upwards. I am using a different plugin on my website amlabc.com, but testing your solution on test.amlabc.com and want to replicate the behaviour which is depicted in the other plugin. Thanks again!

By: Hanny Ramzy

Hanny Ramzy — Mon, 28 Nov 2011 05:06:30 +0000

Hye there, nice tutorial Mary Lou! I’ve been looking for this trick and found your page here. Anyway, one question.

Instead of using id=”last” to call the slide to appear, is it possible to use the % of total page height?

What I mean here is after reader scroll after, let say 60% from the page height, the slide come out.

Practically, when the comments so many, the page height is long. So, by implementing %, I think it is more practical. Thanks. xD

By: Izzat

Izzat — Fri, 28 Oct 2011 12:39:25 +0000

Thank you very much! I have been looking for this kind of tutorial for ages and now only you one helped me! :))))) You are great! :)

By: johnny2bags

johnny2bags — Thu, 08 Sep 2011 13:06:08 +0000

Ahh – I came across a Q. –

I’m using the feature twice, one at the top of the page, and one at the bottom.

Some times the features go behind the content, any suggestions on keeping the feature completely on top?

By: johnny2bags

johnny2bags — Fri, 02 Sep 2011 15:28:05 +0000

Rad! Nevermind – I figured out how to get the basic functionality of what I was trying to do; I just went into the inline JavaScript Snippet and and swapped out ‘right’ for ‘top’. Cool, I’m hoping I just have to dig deeper into the CSS to get my positioning accurate.

Great resource!

By: johnny2bags

johnny2bags — Fri, 02 Sep 2011 14:28:00 +0000

Hey – love this and it works great. I’m working on trying to customize it a good amount.

I wanna make the transition vertical, from the top, to kind of drop down on the scroll as a menu. I’ve already had some progress, but am trying to figure out the transition. Would this be hard, any suggestions?

Cheers & thanks!

By: Jeff Hamons

Jeff Hamons — Sat, 23 Jul 2011 05:56:56 +0000

This is a great tool and very well written up. Thanks!

I am working on adding this to my site. What other trigger events could you add other than scrolling to the end of the page. Could you put it on a time delay?

Jeff Hamons
Synergistic Acres – Kansas City Natural Farm

By: dxo

dxo — Fri, 22 Jul 2011 18:41:25 +0000

Excellent. I went right from the Times to Google to here. Talk about making life easy.

This is a very nice script. Unobtrusive and could be used for a number of things. As soon as I saw on the Times page, I had to have it. ;)

By: Martin

Martin — Thu, 17 Feb 2011 20:08:00 +0000

That got it! Thank you so much for your help and prompt response.

By: Mary Lou

Mary Lou — Thu, 17 Feb 2011 10:42:44 +0000

Hello Martin, you can give a very high z-index to the #slidebox in the the CSS. simply add this property “z-index: 999;” to the #slidebox and it should always be on top of the other elements (unless there might be some other elements with a higher z-index). If you notice that there are still elements on top of the box, simply increase the z-index. Hope it helps, cheers, ML