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.
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.

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

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21524
  • Karma: 427
  • Thank you received: 2712
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

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

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.
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.

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

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21524
  • Karma: 427
  • Thank you received: 2712
please give me the url of the page so that I can check and tell you
Joomlack Webmaster and Developer

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

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!
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.

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

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21524
  • Karma: 427
  • Thank you received: 2712
lol
if you need my assistance in the css for the logo, give me the url of the page
Joomlack Webmaster and Developer

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

  • Page:
  • 1
Time to create page: 0.247 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 333 guests and no members online