title: How to make different sections in a single page (explanation inside)
body: <p>Basically what I'm trying to achieve is making a one pager for my website. Basically there is an index page, and, for example, if someone clicks on "Services" it will send them to the services page. This "services" page will display 5 or 6 services, all in one page. So basically when the user clicks on a navigation item, it scrolls using jQuery to the div where the information is displayed.</p>
  
  <p>Now what I don't want is the user to see the section below the one he's / she's actually reading. So for example I have a service called Edition and another Conception. If I'm reading the "Edition" section, I don't want to see the "Conception" just right now, unless I scroll to it. My first thought was using margins, but I mean if I'm on a 1024x768 display the margin would not be the same as a 1920x1080.</p>
  
  <p>So basically, I'm looking for a way to display my content for my services on one page, but each different service is displayed so, unless the visitor scrolls, the next section under it is not seen.</p>
  
  <p>Hope it makes sense, and thanks for any support and help!</p>