Stick Header to Top and Footer to Bottom

scrolling

#1

I am looking for a solution that helps me to have my header and footer to stick at the top/bottom on a scrollable site.

In detail: I want the Logo to stick in the top, even scrolling the page, as well as I want the footer (which in this case contains the navigation) to stick at the bottom, also even when scrolling.

Is this possible?

Sorry, I am not a coder and basically use Hype graphically, so I don’t know anything about coding.

Thanks in advance,
Martin


#2

Sorry but I do not know of a way to accomplish your request “natively” just using Hype’s interface unless You have the body of your page in a scrollable field element in Hype - not the same effect as I believe You are looking for.

However - why not start somewhere with some Javascript/CSS solutions and see how You do. The “fixed” header part should be pretty accessible even without coding knowledge:


(Brad Boyink) #3

MartinJRR

I created a sample project that will show you how to snap a header and footer as a browser window is resized. You can download it with the link below:

www.geekmytree.com/sample.zip

Hope this help.


#4

Hello Brad, and thanks a lot for taking the effort to answer me.

Unfortunately your solution is not what I am looking for. I need both, the header and the footer to stick at the edges when not usig 100% scale.

image1

Hope someone can help me.

Thanks,
Martin


#5

Thanks JimScott,

I will have a closer look to what you sent me here.

Best,
Martin


(Brad Boyink) #6

Is these what you are looking to do? If so, the example I gave you only needs a simple modification. Let me know and I can change it to show you how I did it.


#7

This is the behaviour I am looking for:

https://senkabrankovic.wixsite.com/senka/veroeffentlichungen


(Mark Hunte) #8

Is the whole site made with Hype as a scene or are the header and footer added to an existing site?


#9

Are you talking about the link?


(Mark Hunte) #10

No,

I am talking about what you are building.


#11

First of all thanks for answering :wink:

Well, the plan is to have everything within one scene … I am guessing it is needed to use some sort of scripting for all this, hm?


(Mark Hunte) #12

css,

Have you search the forum, I am sure there are example already…


#13

I searched but I am not experienced enough to find the right content. Sorry.


(Mark Hunte) #14

Just noticed that @JimScott 's first example link may have what you need using css and fixed position.