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 vote160 views1 answer
Send element to center of div
CSS
0 vote181 views1 answer
Ion-img border radius
CSS
0 vote256 views1 answer
How to stretch picture with website css
CSS
0 vote215 views2 answers
Css cards
CSS
1 vote164 views1 answer
How to stop a page from scrolling horizontally
CSS
29 votes186 views4 answers
How to remove bullet in css
CSS
0 vote205 views1 answer
Child theme broken header "styles.css"
CSS
1 vote184 views1 answer
Active pseudo class in css not working in form text area
CSS
0 vote183 views1 answer
Css prevent text wrap
CSS
0 vote190 views1 answer
Android studio cardview background transparent
CSS