Hi everyone, I have searched freewaytalk extensively but can’t find a solution for the following problem.
I want to make a web page with a fixed header and centered below that a long body text in an absolute html element so it will scroll under the header bar.
So far i got this working fine, and I put a fixed menu on the right side of the text that will stay in view even when scrolling to the bottom of the text. Also fine.
Next I created anchors in this very long text and assigned links in the menu bar to those anchors so that you can jump around in the text.
This works to some extend. The problem is that when clicked on the link, the text jumps to the top of the page which is of course under the header and thus not visible.
My question: is there a way to position the anchored text more accurately so that it won’t disappear under the header.
I have included a link to a website (not mine, alas) where this seems to work but my HTML is to poor to figure out what they’ve done here.
Any help on how to do this in Freeway is much appreciated.
There are two ways you can solve this. The first is to place your anchors with the height of the header bar in mind. So if you had a long running text, you would place the anchor for a particular header actually within the body copy above that header, say three or four lines up from the header, not directly at the header itself.
The other way you can fix this is with the SmoothScroll Action. This adds an animation effect to anchor links, and one of its features is an Offset from Top setting. This allows you to anchor to a spot a number of pixels away from the actual target of your anchor. Note that SmoothScroll uses Prototype.js and Scriptaculous, so it’s a large (file-size) and complex solution to a simple problem. It’s not as simple to the end user’s browser as the offset anchor points, but it is a whole lot less work, since you apply it to the page and make the offset setting once only.
Walter
On Jul 8, 2013, at 11:21 AM, Nicolet Schouten wrote:
This works to some extend. The problem is that when clicked on the link, the text jumps to the top of the page which is of course under the header and thus not visible.
I went with the first option. I added several numbered lines before the text and from then on it was fairly easy to figure out where the first anchors should be. Works like a charm!
Hi everyone, I have searched freewaytalk extensively but can’t find a solution for the following problem.
I want to make a web page with a fixed header and centered below that a long body text in an absolute html element so it will scroll under the header bar.
So far i got this working fine, and I put a fixed menu on the right side of the text that will stay in view even when scrolling to the bottom of the text. Also fine.
Next I created anchors in this very long text and assigned links in the menu bar to those anchors so that you can jump around in the text.
This works to some extend. The problem is that when clicked on the link, the text jumps to the top of the page which is of course under the header and thus not visible.
My question: is there a way to position the anchored text more accurately so that it won’t disappear under the header.
I have included a link to a website (not mine, alas) where this seems to work but my HTML is to poor to figure out what they’ve done here.
Any help on how to do this in Freeway is much appreciated.
I’m interested in this subject as well. However, I just visited your website and it looks like you’re now using WordPress. Were you not able to accomplish what you wanted in Freeway Pro?