Espace réservé aux bonne idées et suggestions pour Joomlack.

Wrapper to disappear on scroll

Wrapper to disappear on scroll was created by trogladyte

Posted 5 years 1 week ago #52250
So this is the total opposite of the top fixed wrapper (which is also a great tool - thanks Ced). I would like to be able to set a wrapper to disappear as a visitor starts to scroll. See clarkheatandcool.com/ where the top bar disappears on scroll.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Wrapper to disappear on scroll

Posted 5 years 1 week ago #52255
Hi
you can use the topfixed feature which adds a CSS class on the wrapper, then with custom CSS you can decide to hide it with a display:none

CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by trogladyte on topic Wrapper to disappear on scroll

Posted 5 years 6 days ago #52262
Thanks Ced. I understand the how of it working, but I'm not sure exactly how to add the display:none;. If I add it to the Custom CSS for the wrapper, as expected, it disappears immediately. So I suspect I need to add it to some other class elsewhere, but I have been unable to locate which this is.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Wrapper to disappear on scroll

Posted 5 years 5 days ago #52263
please give me the url of the page so that I can check and tell you

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by trogladyte on topic Wrapper to disappear on scroll

Posted 5 years 5 days ago #52265
Actually, on doing some more thinking about this, the way I described makes no sense as I just realized that, in addition to making the one wrapper disappear, a second one remains fixed, which, of course, I cannot do (2 fixed wrappers). Then, embarrassingly, I realized that making the top wrapper disappear on scroll is a simple as... doing nothing! DOH!!

What I'd rather do is, on scroll, swap out the first visible logo for a smaller one to reduce the depth of the header wrapper. I don't think there's anything in the standard TC that will do that without some custom CSS. Just what that CSS I have no clue!

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Wrapper to disappear on scroll

Posted 5 years 5 days ago #52266
lol
if you need my assistance in the css for the logo, give me the url of the page

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.785 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 490 guests and no members online