title: How to scroll the page straight to the main content when the user start scrolling the page?
body: <p>I have a page with a full screen image at the top. the main content is just under the image. my goal is the page scroll straight to the main content when the user start scrolling the page.
  How can I do this using jQuery?</p>