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

65 votes361 views4 answers
Install requirements.txt in pip command
CSS
0 vote345 views1 answer
Css lobotomized owl
CSS
19 votes353 views6 answers
Map method
CSS
1 vote348 views1 answer
Make bg blurred css
CSS
3 votes412 views2 answers
How to align form buttons right
CSS
-2 votes392 views2 answers
Outline-radius css
CSS
3 votes347 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
0 vote367 views1 answer
Index.css code not working in 000webhost
CSS
4 votes394 views2 answers
How to make background fixed while scrolling
CSS
2 votes346 views5 answers
How to insert image in css
CSS