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

4 votes242 views1 answer
Grid-area
CSS
3 votes228 views1 answer
Javafx button padding css
CSS
0 vote294 views3 answers
Bulma lowercase
CSS Bulma
14 votes224 views2 answers
How to render css in flask link
CSS
0 vote243 views1 answer
How to make custom grid
CSS
14 votes241 views5 answers
Make background image full width
CSS
2 votes224 views1 answer
Css click effect
CSS
0 vote245 views1 answer
Ordered list indent
CSS
1 vote239 views2 answers
How to center a position fixed element horizontally
CSS
6 votes227 views1 answer
Flex change order
CSS