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 vote106 views1 answer
Css button type
CSS
2 votes76 views1 answer
Xpath vs css selector
CSS
8 votes117 views1 answer
Remove styles button
CSS
0 vote125 views1 answer
Faire d'une image un lien vers le haut de page css
CSS
2 votes113 views1 answer
Css click effect
CSS
0 vote100 views1 answer
Selection Handler css
CSS
-1 vote127 views1 answer
Tailwindcss top
CSS
1 vote117 views1 answer
Detect portrait landscape css
CSS
66 votes122 views6 answers
How to center a div with position absolute
CSS
0 vote195 views1 answer
Backface-visibility: hidden;
CSS