[Pro] Sticky Element on Browser Window Bottom

Freeway
1

Hi all,

I had a personal request on how to make an Element permanently stick on browser bottom. My first thought:

“Hmmm - no idea”. But I gave it a try with an element “Fixed in window” and just unchecking (greying out) the top inset in inspector (there is another list on board, but within this, inserting content was more nightmare than this method).

It seemed to do the game, however the inserting content stuff isn’t the Freeway User-friendly one.

The pain is, that this method doesn’t play in the IDevices and this would be my question:

Is there a way to fix this or is an IDevice situation that totally different that there is no way to fix?

An example I have here:

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

Thank’s in advance for any suggestion.

Cheers

Thomas

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

2

Is there a way to fix this or is an IDevice situation that totally
different that there is no way to fix?

Most of the workarounds I’ve seen are js-based. I’ve also seen
numerous mentions of a Google (code) solution. There’s info out there,
just gotta sift through it.

Todd

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

3

A few solutions/scripts here:

<javascript - Fixed positioning in Mobile Safari - Stack Overflow

Worth a look.

Todd

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

4

Hi Todd,

first thank you for rushing in and second for the source you shared.

That’s what I did (maybe of interest for someone else):

This is the code I picked:

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

footer-fixed (the name of my fixed element)
-347 (the height of this element).

and inserted this via “Advanced Onload Script insertation” (the correct one to do???)

Naturally this code doesn’t co-exist with the freeway generated one, so I duplicated the page and applied the iP-Redirect Action to the first (pointing to the copy) and the script itself to the copy.

It is not a “true” sticky, but the element always jumps back to the bottom and so it is a nice workaround.

Tipp: The pages for iDevices make sure not to make your “sticky element” excessive high, 'cause it will cover a big range of the display - more dedicated for one or two lines.

Hmmm - that makes me thinking about a workaround for Walter’s “Sticker-Action”…???

Cheers

Thomas

Cheers

Thomas

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

5

Hi,

Reading this thread made me wonder if there is a way to make the scroll a bit shorter so the next line after the lowest becomes visible under the css menue on my page. That is not scrolliing the whole page.
It is more understandable if you watch http://www.advis.se/a11/.
I like to keep the design with the header sticked to the top.

Ulf

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

6

Has there been an update to the sticky footer issue? I would like to do this as well.

Billy

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

7

Is this what you’re looking for? http://www.karenengelphotography.com
Works on iPad too

I did it using - layer ON/fixed in window
V Align: Bottom %
Position: 0%

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

8

Karen can you send me an example in Freeway?

Billy

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

9

I can send an example but you would need to provide contact info and you don’t have an email in your profile - contact me.

I may not reply immediately as I have some other things going on - so try to work on it. It’s just an HTML item - here’s a screenshot of the settings -

http://photography.karenengel.com/p798385796/h27695b50#h27695b50

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

10

Thanks for the info Karen and you have a great site. You should put it up on Softpress’ gallery as an example of the responsive aspects of Freeway 7.

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

11

Hey Karen,
Here is my email address: email@hidden.
Is the footer a layered item or can it be inline?

Billy

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