[Pro] [Pro] Smooth Scrolling problem!!! Please Help!

Freeway
#1

Hey guys, this is my first post in a forum; here’s the thing: I’m working on a site that uses the smooth scrolling action. I have no idea what’s happened, but for some reason the action seems to be working fine with the first two link/anchors but once I set up the third, it does a regular “snap to anchor” effect—frustrating! Can anyone help???

Thanks very much

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#2

Can you post a link to your example online somewhere - that will help us track down your problem. Also in File>Document Setup there is an op[tion under the Output Tab to set your HTML Code to More Readable, please enable that.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#3

Shammer I am have had the same problem as I was build a one page scrolling site using anchors

What I found was remove them and start again the bug …issue went away

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#4

Thank you so much!!! I will definitely try this!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#5

Guys now the problem seems to be even worse! :confused:
Now only one link works, and not using the action! (I am positive that the action is active)

I posted it to my me.com account so you guys can see what I’m talking about…
iCloud

Please HELP!!!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#6

Try removing the rollover effect from your navigation links at the
top, and see if it works any better. The other thing to try is to
triple-check the actual IDs of the elements you are linking to. If you
are entering the anchor names by hand in the Hyperlink dialog, it’s
all too easy to slip and use the wrong letter case or miss a letter.
They have to be EXACTLY alike, differing only by the # at the
beginning. To scroll to a box named abracaDabra, you must make your
link to #abracaDabra, nothing else will work.

Walter

On Jul 16, 2011, at 8:32 AM, Shammer wrote:

Guys now the problem seems to be even worse! :confused:
Now only one link works, and not using the action! (I am positive
that the action is active)

I posted it to my me.com account so you guys can see what I’m
talking about…
iCloud

Please HELP!!!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#7

Walter,
I’ve done all you’ve suggested but no success.
I updated the site, can you inspect it?
Also, I used the Scripty Lightbox action and all of a sudden it stopped working :confused: (I had to switch to the second version (not my fav though…)

Can you help me out?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#8

I’m not sure what I should be seeing. I am quite certain that these
Actions work, and that they work together without conflict. I would
like you to try something, and to do this before you try to fix your
current page. (Don’t do another thing to this page before you do this.)

Make a new document in Freeway. Add a single page to it, and make it
very tall. Draw three HTML boxes on that page, spaced at regular
intervals down the page from top to bottom. Give each one of them a
different color. By default, Freeway will name these item1, item2, and
item3. Scroll back to the top of the page, and draw a fourth HTML box.
Double-click inside it, and add the following text:

one | two | three

Highlight each word in turn, and use the Hyperlink dialog (Apple-K) to
add the correct link to each word, using the External tab:

#item1 #item2 #item3

Preview, and make sure that when you click on each link, the page
snaps down to the correct colored box.

Now duplicate the HTML box containing these links twice, and move the
copies down the page so there is one near each of the color boxes.

Finally, apply SmoothScroll to the page. Test again in a browser.

Now that you have a working instance of SmoothScroll on one page, you
can add Carousel to the same page.

Move down the screen to your second colored HTML box. Use that box as
the starting point for your Carousel effect. Duplicate it, then apply
Carousel Pane to the copy (and give it a different color). Apply
Carousel to the original, and set an auto-glide interval if you like.
Create tabs or buttons to navigate the effect.

Test in a browser again, and see that the carousel effect works as
designed. Click on the smooth-scroll anchor links, and yes, those work
as well.

Now, your current page still doesn’t work, but we’ve ruled out the
individual Actions being the cause of that per se. First thing I
would do is put your page on a diet. It’s enormous, takes ages to
load, and that can’t be helping things at all. Next, I would remove
all the Actions from the page, and publish, and see if the anchors
work as you expect. (Yes, you will have a bunch of extra panes hanging
out in random places, but in order for the smooth scroll effect to
work, you must have actual working anchor links from one part of the
page to another.)

Fix the anchors so they accurately snap the page down to the desired
spot. Then add the SmoothScroll Action, as above, and test that effect
in isolation. Once that part works, then you can start adding the
Carousel back in by applying the relevant Actions to the various parts
of the effect. If that causes it to break the smooth scroll effect,
then step back and undo what you just did until it works again. See if
you can isolate what step makes the difference.

Walter

On Jul 22, 2011, at 3:24 AM, Shammer wrote:

Walter,
I’ve done all you’ve suggested but no success.
I updated the site, can you inspect it?
Also, I used the Scripty Lightbox action and all of a sudden it
stopped working :confused: (I had to switch to the second version (not my
fav though…)

Can you help me out?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#9

Hi Walter, I have a similar problem. I have the anchors on graphic objects within a html inline box.

Scrolling is ok for almost every anchor, but for a few the ofset isn’t correct.
The adress is advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !.
Appreciate some help. It is a nice action and want to use it.

Ulf

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#10

The Action cannot make use of image maps for the target or the link to
the target. The Landskrona Open link in your block of anchor links is
drawn as an oval, and so Freeway generates an image map for it instead
of a normal A tag. Try changing the box shape on that image (the one
on the left side of the screen) to a rectangle instead of an oval, and
that link should work correctly.

As far as the rest of this goes, the anchors that you link to must be
offset from the top of the image they reference by the same distance
as the height of your fixed-position header, otherwise you will scroll
the image to the top of the screen (under the header) rather than
displaying the image in the arey where you wanted it to appear. You’ll
have to measure these carefully, and for that I recommend drawing a
scratch image on screen, and then dragging it from element to element
to use like an on-screen measuring block. When you have positioned
your anchors precisely, you can delete it or drag it to the pasteboard
above the screen for later reference.

Walter

On Aug 17, 2011, at 2:06 PM, ulfr wrote:

Hi Walter, I have a similar problem. I have the anchors on graphic
objects within a html inline box.

Scrolling is ok for almost every anchor, but for a few the ofset
isn’t correct.
The adress is advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !.
Appreciate some help. It is a nice action and want to use it.

Ulf

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#11

Thanks Walter! This gives me hope. Sorry for not answering before. I will try this out thoroughly.

Ulf

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#12

I have changed the oval to a rectangular box.

There is an offset option in the Smooth Scroll action. So you shouldn’t have to calculate the offset for each anchor.

That works fine on a test page: advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !, but as soon as I use anchors in an inline item it doesn’t work: advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !.
Is it supposed to work in inline boxes?

Ulf

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#13

IT should work with either sort of layout. Post a link to a page that
doesn’t work, and I’ll see if I can spot the problem.

Walter

On Aug 18, 2011, at 3:08 PM, ulfr wrote:

I have changed the oval to a rectangular box.

There is an offset option in the Smooth Scroll action. So you
shouldn’t have to calculate the offset for each anchor.

That works fine on a test page: advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !,
but as soon as I use anchors in an inline item it doesn’t work: advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !
.
Is it supposed to work in inline boxes?

Ulf

freewaytalk mailing list
email@hidden
Update your subscriptions at:
List Options | FreewayTalk

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#14

I just did. Sorry if I was unclear.

This does work: advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !

and this doesn’t: advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !

Ulf

On 18 Aug 2011, 8:39 pm, waltd wrote:

IT should work with either sort of layout. Post a link to a page that
doesn’t work, and I’ll see if I can spot the problem.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#15

I’m not sure what shouldn’t be working and what should. Every anchor
link I clicked on in either page produced smooth scroll effects. Can
you make a cut-down example page which shows the difference between
inline and positioned construction with respect to smooth scrolling?

Walter

On Aug 19, 2011, at 6:38 AM, ulfr wrote:

I just did. Sorry if I was unclear.

This does work: advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !

and this doesn’t: advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !

Ulf

On 18 Aug 2011, 8:39 pm, waltd wrote:

IT should work with either sort of layout. Post a link to a page that
doesn’t work, and I’ll see if I can spot the problem.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#16

Hi Ulf,

Seems to generally work with me also with FF v6. Top (of page) triangle could do with a higher positioned anchor perhaps but otherwise ok.

You could try an alternative method using jQuery (others will say if there’s any downside) from this thread: http://www.freewaytalk.net/thread/view/93420#m_93537

Playing around with it myself this morning here: http://www.silverytay.co.uk/one_page/index.html

s

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#17

I don’t know if this helps, but something that fixed my issue was removing the menu and adding it back on (this time with a css menu as opposed to image rollovers)

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#18

This is odd.
Looking at advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !, there not one logo that is positioned properly. It may looks like it but it is not the correct logos corresponding to the thumbs. The offset is set to 245 pxl in the Smoth Scroll Action but it is treated as zero.

So not in the other page with absolute positioning: advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg ! were it is correct.

I have tested this on PC FF6, IE9 as well in Safari 4.1.3. Look carefully and you see what I mean.

Ulf

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#19

I could send you a movie of it working correctly on my screen, but
that’s a bit wasteful. Please try force-refreshing your browser with
Shift + Reload button and / or Option (Alt on PC) + Reload button.

Walter

On Aug 19, 2011, at 11:35 AM, ulfr wrote:

This is odd.
Looking at advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !, there not one logo that
is positioned properly. It may looks like it but it is not the
correct logos corresponding to the thumbs. The offset is set to 245
pxl in the Smoth Scroll Action but it is treated as zero.

So not in the other page with absolute positioning: advis - hemsida och logotype, ditt företags viktigaste kommunikationsverktyg !
were it is correct.

I have tested this on PC FF6, IE9 as well in Safari 4.1.3. Look
carefully and you see what I mean.

Ulf

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

#20

I do see this problem.

It is as if the scroll is to the image below the one clicked on.

As to a fix…

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options