CSS scroll hide overflow

Question

I currently have this website.

Which produces the current output:

But when I scroll, this happens:

Any suggestions? Thanks.

EDIT: To be more specific, the problem is the option appearing over the header when I scroll. The scrollbar is hidden on purpose.

The header is styled as position: sticky if that is of any help (check the link at the beginning for the preview, code is available at devtools)

Does this answer your question? Hide scroll bar, but while still being able to scroll — Shawn W
– Shawn W, Commented Feb 20, 2021 at 12:42
@ShawnW not really, I already have hidden the scrollbar. My issue is the text at the top of the question when I scroll — yanko
– yanko, Commented Feb 20, 2021 at 12:49

Dharman · Accepted Answer · 2021-02-20 13:05:52Z

1

Remove padding: 10px from your .qa-container class and add border: 10px solid #fff to your .question class and then add padding: 0 10px to your .answers class.

edited Feb 20, 2021 at 13:05

Dharman♦

33.9k27 gold badges104 silver badges157 bronze badges

answered Feb 20, 2021 at 13:00

Newsha Nik

9734 gold badges14 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS scroll hide overflow

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related