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

1 vote273 views1 answer
Twig block
CSS
0 vote279 views1 answer
Css skip first child
CSS
126 votes264 views5 answers
React Bootstrap css import
CSS
0 vote274 views1 answer
Send element to center of div
CSS
120 votes295 views3 answers
React import bootstrap css file
CSS
0 vote277 views1 answer
Css shape-outside
CSS
0 vote270 views1 answer
Css if screen size less than
CSS
5 votes270 views1 answer
Hidden elements blinking on hover
CSS
7 votes266 views4 answers
Change button color html
CSS
1 vote307 views1 answer
Css select part of class name
CSS