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 votes135 views2 answers
How to customize placeholder css
CSS
0 vote133 views1 answer
Button slanted slide on hover
CSS
1 vote113 views1 answer
How to make my page fixed
CSS
12 votes129 views2 answers
Css not first child
CSS
0 vote122 views2 answers
CSS Or Selector
CSS
17 votes121 views1 answer
Css flex center horizontally and vertically
CSS
0 vote129 views1 answer
Css static header on scroll
CSS
0 vote136 views1 answer
Justify center wont wotk with max-width css
CSS
0 vote116 views1 answer
Css set strong to normal text
CSS
7 votes122 views3 answers
Sans serif font family css
CSS