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

19 votes150 views5 answers
Css opacity background color
CSS
8 votes134 views1 answer
Reset submit btn style
CSS
1 vote105 views1 answer
Html css bilder nebeneinander
CSS
0 vote173 views3 answers
Add custom css to wordpress menu item
CSS
99 votes148 views2 answers
Css absolute in absolute
CSS
3 votes168 views1 answer
Css scaling border radius
CSS
0 vote163 views1 answer
Scrollable table vertical
CSS
1 vote139 views1 answer
Css before is not working
CSS
0 vote131 views1 answer
Css feather border
CSS
0 vote127 views1 answer
How to remove text selection in css
CSS