New free stack: Headless Stack

inStacks
1

Hi guys,

I have a new free stack available. I won’t promote it much, as it only has a very limited use case.
You are able to react on a users scroll and show or hide a fixed header, e.g. Foundation, Foundry, Bootstrap 4, @yuzoolthemes Navigation Stack, etc. Therefore I asked for themes with a fixed navigation.

I have build this for my own website, and it is a port from Hide your header on scroll - Headroom.js, so I will quote:

Why use it?

Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. This can reduce the effort required for a user to quickly navigate a site, but they are not without problems…

Large screens are usually landscape-oriented, meaning less vertical than horizontal space. A fixed header can therefore occupy a significant portion of the content area. Small screens are typically used in a portrait orientation. Whilst this results in more vertical space, because of the overall height of the screen a meaningfully-sized header can still be quite imposing.

Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the time.

It currently does not have a documentation, I hope it’s quire self explanatory. I hope it might help the one or the other.

Demo: https://headlessdemo.instacks.com

Download: https://instacks.com/headlessstack/

Cheers, Jannis

19 Likes
2

That’s a neat and clever idea. Cool stack.

2 Likes
3

Nice headicon for headless…

4

I wanted to use something like an invisible man icon originally. Haven’t found (or searched) therefore, so it’s still a head 🙃

3 Likes
5

Thank you Jannis

1 Like
6

Great work @Jannis 👊

1 Like
7

Fantastic! And so simple to use.

1 Like
8

@Jannis Wonderful idea for a stack. Easy to implement! Like the little added scroller indicator as well.

However, the stack “asks” to be updated each time I start up RW.

2 Likes
9

Thanks for the heads up. I just fixed this.

Cheers!

3 Likes
10

Just got the comment that @tav has some stacks doing the same (like https://www.bigwhiteduck.com/stacks/slideup/ and https://www.bigwhiteduck.com/stacks/chroma/), so if you like my stack, it might be worthwhile to have a look at @tav’s stacks, too.

4 Likes
12

A great little stack, thank you.

Using it with top bar I notice as you increase the px height it intrudes into the menu bar. Is there a way to make it sit above the menu so that when you increase the px height it goes above the menu?

3 Likes
13

I see what you mean. This will be possible I guess. I will check after my vacation next week.

4 Likes
14

I wish you a pleasant vacation Jannis, well deserved for your good work 🙂

2 Likes
15

Have a great holiday

1 Like