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

2 votes183 views2 answers
Input disabled remove css
CSS
0 vote215 views1 answer
Reorder images in mobile web developer
CSS
0 vote202 views1 answer
Scroll x css
CSS
22 votes216 views4 answers
Css center in grid
CSS
0 vote219 views1 answer
Content jumping css
CSS
0 vote237 views2 answers
Désactiver le hotlinking de vos images
CSS
-1 vote189 views1 answer
Html sticky
CSS
0 vote212 views1 answer
Button remove surroundings
CSS
8 votes210 views2 answers
Center image with position absolute
CSS
1 vote197 views1 answer
Class indicator css
CSS