[Pro] Static layer action

Freeway
1

Hi all,

I have spent ages trying to find this, but I want a navigation layer to stay where it is on the page when everything else scrolls, and keep reading about the Static Layer action - but I can’t find it anywhere in my installation. Is this an old action which has been replaced by something else?

Thanks in advance,

Jonathan

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

2

Hi J,

a static layer action I never heard of (or I never seek it).

There are probably two things you could do:

  1. Fixed in window via inspector (keep in mind, that you’ll need a small inline construction if the page is centered)

  2. A nice one could be the “apple shop cart effect” Walter once actionized and named sticker:

http://www.actionsforge.com/actions/view/230-sticker

A running example can be found at

http://www.kimmich-dm.de/ecom/ecwid-shop.html

The left area (scroll down)

Hope this make sense.

Cheers

Thomas

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

3

Ah that is excellent - thanks Thomas. I have eventually calmed down after following that link, too :wink: Will certainly try that action next week.

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

4

Remember that Fixed in window is not iOS friendly (not supported in Mobile Safari)

David

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

5

Not until iOS5, which will support it. (And then you can wait N months
for Android to catch up to that.)

Walter

On Jul 7, 2011, at 7:42 PM, DeltaDave wrote:

Remember that Fixed in window is not iOS friendly (not supported in
Mobile Safari)

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

6

For the fixed in window version it could be done the following method:

  1. Double the page.
  2. Apply the iPhone redirect to the first page.
  3. Apply the Advanced - Onload script insertion Action to the second page.

Add there the following code line:

window.onscroll = function() {
document.getElementById(‘element-fixed’).style.top =
(window.pageYOffset + window.innerHeight - 150) + ‘px’;
};

and change the “element-fixed” to your ID and the container height (-150 here) to the height of your container. That should do the job.

Example:

http://www.kimmich-dm.de/testings/stickyfooter.html

For the sticker action, that will also not play in iOS I once tried a jQuery version that is not that elegant but playing in iOS.

http://www.kimmich-dm.de/testings/scrolling-side.html

Cheers

Thomas

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

7

That is all excellent stuff so thanks to those who have helped.

I discovered this morning that I need to make a decision on how much I want this feature on the site I am working on.

The reason being, everything is currently set up as layers within a relative layout because it was originally going to have tiled backgrounds on a centred site, and since asking this question, I have discovered that the only thing that can be a layer is the item I want to scroll!

I have tried playing around with taking everything off layers and out of a relative layout, but it all goes a bit wrong so I need to decide if it is worth spending the time starting again or not.

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