Anchor links scrolling too far

div{ 
  height: 650px; 
  background:#ccc; 
  /*the magic happens here*/
  border-top:42px solid #fff;
}
ul{
  top: 0; 
  width: 100%; 
  height:20px; 
  position: fixed; 
  background: deeppink; 
  margin:0;
  padding:10px; 
}
li{
  float:left;
  list-style:none;
  padding-left:10px;
}
div:first-of-type{ 
  margin-top:0; 
}

Source: stackoverflow.com

Similar codes

50 votes155 views3 answers
How to center in absolute position
CSS
64 votes151 views3 answers
How to use variables in css
CSS
0 vote164 views1 answer
Side nav bar in materialize css
CSS
0 vote166 views1 answer
Css font family narrow fonts
CSS
0 vote173 views1 answer
Button slanted slide on hover
CSS
2 votes148 views1 answer
Html5 input required length
CSS
0 vote169 views1 answer
How to give linear transprerancyon background image
CSS
0 vote146 views1 answer
Html print page break
CSS
0 vote171 views1 answer
Sass mixin breakpoint
CSS
0 vote142 views1 answer
Font awesome saas gem
CSS