Offcanvas helper does not allow scrolling - [SOLVED]

Hi @PeteSharp

I would like to ask for your help. There must be some setting, but I can’t figure out where and what. I’ve already looked through the class settings, I’ve set the height, but even then it won’t let me scroll any further.
Can you help me with that?

Hi @Boss81

Sorry, I can not replicate that, it scrolls for me, I am assuming all those heading are inside an Offcanvas Bloc.?

Can you send me the project please.

Pete

Of course. Only a part of it is allowed to scroll.

I wonder what I didn’t do right or what could be wrong.

offcanvas-test.bloc (31.8 KB)

Thanks,

That is scrolling for me. Can you explain how you are testing this.

The same way. But that was the problem, it didn’t go all the way down, there wasn’t any space, but I gave it a margin, and that’s how it was solved, so it’s working now.

Oh right, you suggested it wasn’t scrolling.

Yeah you need to design the styling yourself. It is just like any other web element.

You can add bottom padding to the class .offcanvas-content

1 Like

How can I make the scroll bars always visible?

Sorry Jerry,
I mean only in the offcanvas content scrollbar

in the code editor?

This way?

my-class

I did. Doesn’t work.
Hmm …
The scrollbar is visible only when you scroll.
I want it visible all the time so that the customer knows there’s more content.

Enjoy your palm tree :tropical_drink:

Also here in Berlin.
International Women’s Day.
Sunshine, not a cloud in the sky, 10°C.

It works with Safari and Blocs preview.
No luck with all other browsers.
Also you must set a height in the offcanvas-body class.
offcanvas

Yep.
Works with Safari, Chrome, Vivaldi, Edge and Brave.
Thanks a lot Jerry.

1 Like

Jerry,
this works good on MacOS but not with iPad and iPhone.
Is there a way?

Hi @Bootsie

I built a website for a Personal Trainer a number of years ago with a custom scroll bar, and it was working fine, until iOS14 (I think it was). Which is when support for custom scroll bars were removed. It looks like that is still the case.

Pete

1 Like

Damn.
Thank you Pete.
I’ll take a look at your custom scrollbar anyway.

My custom scroll bar?

:laughing:
Sorry.
No I meant your examples you posted above.