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

0 vote131 views1 answer
Css margin top responsive
CSS
0 vote152 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
0 vote141 views5 answers
Css math functions simplifier
CSS
0 vote142 views1 answer
Style scrollbar overflow-y
CSS
1 vote138 views1 answer
Ionic textarea placeholder color
CSS
0 vote144 views1 answer
Resize logo html css
CSS
1 vote136 views1 answer
Ionic input line color
CSS
0 vote249 views1 answer
Bouton darkmode
CSS
24 votes140 views5 answers
Placeholder css
CSS
0 vote133 views1 answer
How to write h2so4 using html css
CSS