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 vote369 views1 answer
How to many image fullscreen in css
CSS
0 vote351 views1 answer
After icon css
CSS
0 vote377 views1 answer
CSS menu list with underline hover animation
CSS
0 vote376 views1 answer
Material form css
CSS
89 votes397 views6 answers
Padding
CSS
0 vote375 views1 answer
Button highlight none css
CSS
0 vote361 views1 answer
Override root css variables
CSS
0 vote363 views1 answer
Inline block and 50% width not aligning items
CSS
5 votes362 views1 answer
Safari only CSS hack
CSS
2 votes346 views1 answer
Transition syntax css
CSS