Welcome, Guest
Username: Password: Remember me
Espace réservé aux bonne idées et suggestions pour Joomlack.
  • Page:
  • 1

TOPIC: Wrapper to disappear on scroll

Wrapper to disappear on scroll 17 Apr 2019 19:58 #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.

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

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

Wrapper to disappear on scroll 18 Apr 2019 07:33 #52255

  • ced1870
  • ced1870's Avatar
  • Away
  • Administrateur
  • Administrateur
  • Posts: 21037
  • Karma: 425
  • Thank you received: 2662
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

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

Joomlack Webmaster and Developer

Wrapper to disappear on scroll 18 Apr 2019 19:39 #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.

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

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

Wrapper to disappear on scroll 19 Apr 2019 12:15 #52263

  • ced1870
  • ced1870's Avatar
  • Away
  • Administrateur
  • Administrateur
  • Posts: 21037
  • Karma: 425
  • Thank you received: 2662
please give me the url of the page so that I can check and tell you

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

Joomlack Webmaster and Developer

Wrapper to disappear on scroll 19 Apr 2019 14:55 #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!

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

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

Wrapper to disappear on scroll 19 Apr 2019 18:07 #52266

  • ced1870
  • ced1870's Avatar
  • Away
  • Administrateur
  • Administrateur
  • Posts: 21037
  • Karma: 425
  • Thank you received: 2662
lol
if you need my assistance in the css for the logo, give me the url of the page

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

Joomlack Webmaster and Developer
  • Page:
  • 1
Time to create page: 0.198 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 403 guests and 2 members online