Issues with long scroll, scrollFollow stops 2/3 page. Ideas?
1
person has this problem
I have this problem, too!
Tell me when someone solves it.
The more people who report this problem, the more it gets noticed.
The more people who report this problem, the more it gets noticed.
The best solution from everyone
-
Ok let me be more accuracte. The problem is your body's height is not being stretched by the content.
You had set a 3000px height and the body height was being reported as 3000px. Without that the height is reporting to me as 719px which is the height of the viewport.
Try removing "height: 100%" from the body declaration in your stylesheet.
The company and 1 other person say
this solves the problem
Create a customer community for your own organization
Plans starting at $19/month
-
Inappropriate?This declaration: "body{height:3000px;}" on line 261 of your html (as reported by firefox) is causing the problem. Since body is the immediate container of #nav it is stopping when it reaches the perceived bottom.
Let me know if that fixes it.
I’m hopeful this fixes it.
-
Inappropriate?Actually taking that out caused the problem to be worse.
I put that in as a wild stab to see if a pre-determined height would address the issue.
During that process I updated to the latest jquery.scrollFollow.js and ui.core.js, but the performance was actually better (even though it exhibited the same bug to a lesser degree) with the files I manually grabbed from the example source online here: http://kitchen.net-perspective.com/sf...
I'm not sure what the issue is but my guess is the math gets a little funky towards the bottom and the script falters somehow. -
Inappropriate?Ok let me be more accuracte. The problem is your body's height is not being stretched by the content.
You had set a 3000px height and the body height was being reported as 3000px. Without that the height is reporting to me as 719px which is the height of the viewport.
Try removing "height: 100%" from the body declaration in your stylesheet.
The company and 1 other person say
this solves the problem
-
Inappropriate?Well played my good sir. I owe you a beer.
That did the trick, can you elaborate more on the disconnect between the actual content and the body height, I would have never put those two issues together.
I just always assumed the body conformed to the content on the page like a container, much like the html tag defines the start and end of a document as you stated.
When I say body {height:100%} am I saying body = 100% of the window height so I was confusing the script? -
Inappropriate?Indeed, percentage values always refer to the element's parent. In the case of body, the parent is 'window' which has a height and width of the viewport.
You are correct, body will conform to the height of the content, as long as you don't tell it to behave otherwise.
I’m happy things worked out.
Loading Profile...


