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 vote355 views1 answer
How to set unclickable checkbox using css
CSS
0 vote300 views1 answer
Jquery if css property is
CSS
0 vote312 views2 answers
How to evenly space icons in a div css
CSS
13 votes321 views4 answers
How to print background bootstrap
CSS
0 vote320 views2 answers
Css counters
CSS
0 vote331 views2 answers
Print to pdf setting css for A4 size
CSS
11 votes293 views1 answer
Css disable mouse events
CSS
4 votes341 views2 answers
Import fontawesome
CSS
1 vote314 views1 answer
Css cursor size
CSS
19 votes377 views3 answers
Css border radius top
CSS