Related Items Ext: Slideout appears too early
- Posted by Sascha (20) Offline
Dear support,
you convinced me, I just bought Related Items Ext.!
I have one major problem with slideout box:
It simply appears far too early, to be exact it already appears upon first downward scrolling.
I want it to appear exactly at the moment, the user reaches the bottom of the displayed article and no earlier.
Please have a look at:
www.rc-worms.de/herren/news-herren/768-j...urnier-in-worms.html
Also, I'd like the slideout box to disappear again, once the user scrolls upwards again.
How can I get this done?
Thanks in advance,
Sascha.
10 years 11 months ago #1
by Sascha
you convinced me, I just bought Related Items Ext.!
I have one major problem with slideout box:
It simply appears far too early, to be exact it already appears upon first downward scrolling.
I want it to appear exactly at the moment, the user reaches the bottom of the displayed article and no earlier.
Please have a look at:
www.rc-worms.de/herren/news-herren/768-j...urnier-in-worms.html
Also, I'd like the slideout box to disappear again, once the user scrolls upwards again.
How can I get this done?
Thanks in advance,
Sascha.
Please Log in or Create an account to join the conversation.
- Posted by Sascha (20) Offline
- Posted by Sascha (20) Offline
Dear support,
gladly I was able to fix this myself.
Apparently slidetagwas erroneously inserted in my topmenu header !? Why???
This was the reason, why Slideout immediately showed up upon the very first scroll action.
So I just removed this slidetag and implemented a solution like:
Please note that I do not only compute the whole page's end, but more precisely the end of the article displayed. This is of importance, if the article itself is shorter than the whole page; maybe due to rather long sidebar columns....
Kind regards,
Sascha.
10 years 11 months ago #3
by Sascha
gladly I was able to fix this myself.
Apparently slidetag
<p id="slidetag"> </p>
This was the reason, why Slideout immediately showed up upon the very first scroll action.
So I just removed this slidetag and implemented a solution like:
var threshold = 50,
bottomArticle = jQuery('article').position().top + jQuery('article').height(),
distanceBottom = bottomArticle - (jQuery(window).scrollTop() + jQuery(window).height());
if (distanceBottom < threshold)
jQuery('#slidebox').animate({'right':'-0.1em'},300);
else
jQuery('#slidebox').stop(true).animate({'right':'-$slideoutw'},100);
Please note that I do not only compute the whole page's end, but more precisely the end of the article displayed. This is of importance, if the article itself is shorter than the whole page; maybe due to rather long sidebar columns....
Kind regards,
Sascha.
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5263) Offline