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](https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll) — Shawn W, Feb 20 '21 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, Feb 20 '21 at 12:49

score 1 · Accepted Answer · edited Feb 20 '21 at 13:05

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 '21 at 13:05

Dharman

30,962
25
85
135

answered Feb 20 '21 at 13:00

Newsha Nik

806
2
12
29

CSS scroll hide overflow

1 Answers1