Loading Profile...
Enable jQuery Scroll Follow to set an offset from the bottom
Can you add an offset bottom method to Scroll Follow? So it is possible to place an logo or something on the bottom of an element. Like in this script: http://www.javascript-fx.com/scriptcl...
used on this page for example: http://www.kempers-jll.net/
This example can't handle an element placed inside a container. So I can't use it for my project.
used on this page for example: http://www.kempers-jll.net/
This example can't handle an element placed inside a container. So I can't use it for my project.
I’m happy if this would work
1
person likes this idea
I like this idea!
Tell me when this idea gets some attention.
The more people who like this idea, the more it gets noticed.
The more people who like this idea, the more it gets noticed.
The company implemented this idea.
The best point from everyone
-
Today we released version 0.3.0 which includes the 'relativeTo' parameter to allow movement based on the bottom of the viewport. http://kitchen.net-perspective.com/op...
I’m excited about this release.
The company thinks
this is one of the best points
Create a customer community for your own organization
Plans starting at $19/month
-
Inappropriate?That's a good idea. It never really came to mind before but it makes perfect sense. I'll take a look into what would need to be done to make this happen.
I’m glad you shared this idea.
-
Inappropriate?OK, I've checked it out and it looks plenty doable. I'll get to work on it.
Would you be interested in beta testing it before I release the revision?
I’m happy I can make this change.
1 Comment Add a comment
This is one of the best points
-
Hi Ray!
Sure I can do some beta testing. I already altered your code a little bit to fit my needs, maybe you can use it as a start. It might be a little special for my project and not very universal, and I still have problems with the fact that there is another container around my parent container where my box shouldn't break out. I think I will add another option to specify an additional container to calculate the boarder of my main content container.
Here is the code:
Added at Line 52
var windowHeight = $(window).height();
Line 57:
aniTop = Math.max (parentHeight , (windowHeight - options.offset - parentTop - boxHeight + pageScroll));
I also head to add an additional trigger to fire the function once after page is loaded. Therefore I added the following line after the initialisation. This was faster than figuring out a place for that in your code. I always got an error.
$(window).trigger('scroll');
I created a testpage for you so you can have a better look than in this comment.
http://immobilien-interpres.de/conten...
here you can see the problem with the outer container if the content is not long enough.
http://immobilien-interpres.de/conten...
And here with enough content but the animation doesn't know anything about this blue border which shouldn't be overlapped. -
Inappropriate?You can pick up the revision via SVN at http://code.google.com/p/jquery-scrol... or directly from http://kitchen.net-perspective.com/fi... .1 Comment Add a comment
This is one of the best points
-
I will check it out over the weekend. I just loaded up an solution wich fixes my problem with the containing area. See the testpages I loaded up yesterday. But I have still the problem if I have a very long page the animation shoots my logo far away over the borders. Have you considered this in your new version?
Anyway - I will see if I try it. Thanks for your work. Have a good weekend. Regards - marcus -
Inappropriate?In case you didn't see it in the other thread, some bugs have been fixed. The current version is at the repository or:
http://kitchen.net-perspective.com/fi... -
Inappropriate?Today we released version 0.3.0 which includes the 'relativeTo' parameter to allow movement based on the bottom of the viewport. http://kitchen.net-perspective.com/op...
I’m excited about this release.
The company thinks
this is one of the best points
-
Inappropriate?Love the plugin but I have a question:
"Do you have to define a height for the containing element of the scrolling div?"
The element I am using the scrolling div with will vary in height depending on which page the user navigates to so I cannot input a specific height. The only way I have seen this plugin work so far is in defining a height such as: "height: xxx px" -
Inappropriate?Alex,
In the future, please start a new topic for a new question.
The answer to your question is no. The containing element does not need a defined height but it does need some actual height. If you are having an issue with this, please start a new topic and post a link to an example and I will try to help you debug it.
