If you handle the code like this:
<div class="scroll">
<div class="menu">home | services | contact</div>
</div>
And css:
.scroll {
margin-bottom:50px;
}
.menu {
position:absolute;
background:#428bca;
color:#fff;
line-height:30px;
letter-spacing:1px;
width:100%;
height:50px;
}
.menu-padding {
// no style here anymore
}
Then the annoying scroll is gone.
The compleet code and fiddle is not originally made by me, I got it from an earlier answer in this topic. The change in the code is made by me
Fabian #Web-Stars