Smooth Scroll

John_Cooper1 · February 5, 2013, 10:01pm

Walter, the Smooth Scroll is meant to avoid a snappy transition but the scroll options are only up to one second. It just jump into place. How can achieve a visibly slow glide?

This site built on Freeway seems to do it:
http://www.madebyvadim.com

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

Robert_B · February 5, 2013, 10:43pm

On a related note, how can you make the navigation sit at the top so it always appears while clicking links and the page scrolls.

I tried this out, but the anchors fly up past my nav box.

Bob

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

waltd · February 5, 2013, 11:00pm

Click on the navigation box and choose “Fixed in Window” from the Position picker in the Inspector.

Walter

On Feb 5, 2013, at 5:43 PM, Robert B wrote:

On a related note, how can you make the navigation sit at the top so it always appears while clicking links and the page scrolls.

I tried this out, but the anchors fly up past my nav box.

Bob

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

waltd · February 5, 2013, 11:01pm

Do you have a link to your page that shows it not working?

Walter

On Feb 5, 2013, at 5:01 PM, John Cooper wrote:

Walter, the Smooth Scroll is meant to avoid a snappy transition but the scroll options are only up to one second. It just jump into place. How can achieve a visibly slow glide?

This site built on Freeway seems to do it:
http://www.madebyvadim.com

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

John_Cooper1 · February 5, 2013, 11:59pm

Hi Walt,

Yes, try this, but how can the transition be smooth if the options are less than a second?
http://forevervengeance.com

Click where it says Do Not Click. That’s a Smooth Scroll link set a 1 second.

John

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

Robert_B · February 6, 2013, 12:05am

On 5 Feb 2013, 10:01 pm, waltd wrote:

Click on the navigation box and choose “Fixed in Window” from the Position picker in the Inspector.

Walter

I tried that, but the anchor winds up going past my nav box (as in above it).

Also, fixed position always seems to put whatever I’m fixing farther to the left than it is on my FW page.

Bob

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

waltd · February 6, 2013, 2:12am

The issue is that you don’t have any normal Anchor links, you have Map links. This is due to you using non-rectangular graphics as your link buttons. Two options to fix this:

Export the image as a graphic, and re-import it as a pass-through.
Use the CSS Corners Action to make the rounded corners.

If you just want to test out the effect of the Action, you can make text anchor links, which will work perfectly.

Walter

On Feb 5, 2013, at 6:59 PM, John Cooper wrote:

Hi Walt,

Yes, try this, but how can the transition be smooth if the options are less than a second?
http://forevervengeance.com

Click where it says Do Not Click. That’s a Smooth Scroll link set a 1 second.

John

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

John_Cooper1 · February 6, 2013, 3:00am

Never would have thought that rounded corners would affect the scrolling action!

However, I only managed to make it work with text links for now. Rectangular corner didn’t work nor could I find the CSS3 rounded corner action even though I have a bunch of that suite imported?

John

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

David_McCallum · February 6, 2013, 8:35am

nor could I find the CSS3 rounded corner action

CSS Rounded corner action doesn’t work in FW6 on an HTML5 page.

Change it to something lesser (XHTML) and it will be available.

David

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

waltd · February 6, 2013, 1:31pm

I just remedied that.

Walter

On Feb 6, 2013, at 3:35 AM, DeltaDave wrote:

nor could I find the CSS3 rounded corner action

CSS Rounded corner action doesn’t work in FW6 on an HTML5 page.

Change it to something lesser (XHTML) and it will be available.

David

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

Ernie_Simpson · February 6, 2013, 3:34pm

Walter, to the rescue!

–
Ernie Simpson

On Wed, Feb 6, 2013 at 8:31 AM, Walter Lee Davis email@hidden wrote:

I just remedied that.

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

John_Cooper1 · February 6, 2013, 3:58pm

Walter, in FW6 the updated CCS3 Corners still doesn’t seem to work on an HTML item?

John

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

waltd · February 6, 2013, 4:59pm

Sorry, try again, 0.6.3.

Walter

On Feb 6, 2013, at 10:58 AM, John Cooper wrote:

Walter, in FW6 the updated CCS3 Corners still doesn’t seem to work on an HTML item?

John

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

John_Cooper1 · February 6, 2013, 5:35pm

At the risk of being a nuisance and merely FYI, I think:

When applied to an HTML item it works fine; and the corners are fine.
But when applied to a Graphic item it doesn’t scroll (it jumps) as before; and if the graphic has a border, the border is rounded but not the image.

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

waltd · February 6, 2013, 6:13pm

Don’t try to add CSS Corners to a graphic item (drawn on the page). It doesn’t work because you can already round the corners of a graphic item in the Inspector. (I don’t duplicate native functionality.)

I just tested SmoothScroll with a round-rect graphic box, though, and Freeway 6 is still outputting a Map instead of creating a normal link around the image, so the effect doesn’t work. (The behavior is only added to a tags (normal links) rather than maparea tags. As I mentioned initially, you can work around this issue in the following manner.

Make your round-rect graphic in Freeway, and use File / Export to save it somewhere you can locate it later.
Delete the original rounded-corner graphic box, and draw an HTML box where you want the button to appear. While that box is selected (handles showing at corners and sides) choose File / Import and locate your image from the previous step.
Apply your link to this pass-through image in the normal way. Freeway will not create a map, it will use an a tag.

Walter

On Feb 6, 2013, at 12:35 PM, John Cooper wrote:

At the risk of being a nuisance and merely FYI, I think:

When applied to an HTML item it works fine; and the corners are fine.

But when applied to a Graphic item it doesn’t scroll (it jumps) as before; and if the graphic has a border, the border is rounded but not the image.

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