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 vote183 views2 answers
Google font smooth
CSS
0 vote106 views1 answer
Style jQuery draggable clone
CSS
0 vote114 views1 answer
List style type none still leaves room for bullet
CSS
0 vote123 views1 answer
Position an icon in relation a parent element
CSS
0 vote118 views1 answer
Scss @content
CSS
0 vote113 views2 answers
How to reduce the size of png image in css
CSS
3 votes115 views2 answers
Ignore cache pip
CSS
0 vote121 views1 answer
Offsetx and offsety in css
CSS
0 vote189 views1 answer
Css only if both classes
CSS
8 votes113 views3 answers
Select first div css
CSS