How to hide scroll bar on page load?

Question

I have developed a single page website with 4 sections. Here is what my client wants:

1. The scrollbar should be hidden on page load
2. If the user scrolls past the second section, the scrollbar should appear.

My client gave me this website as an example: http://diagnosite.com/

How can I do this?

Answer 1

you can set overflow:hidden; for your body and have a javascript to detect scroll down from viewer mouse or pagedown button from keybiard. then remove overflow attribute from body.