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 vote264 views1 answer
Css fixed center vertical
CSS
0 vote204 views1 answer
How to style submit button css
CSS
0 vote248 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
74 votes178 views6 answers
Flex box
CSS
2 votes188 views2 answers
Link to css html
CSS
9 votes330 views3 answers
Bootstrap badge color
CSS Bootstrap
1 vote189 views1 answer
To make the content of the select2 RTL or LTR
CSS
51 votes169 views6 answers
Text overflow ellipsis css
CSS
0 vote162 views1 answer
Img grows up onmouseover css
CSS
3 votes133 views1 answer
Ttf css
CSS