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

1 vote156 views1 answer
Css custom bullet list
CSS
-1 vote131 views1 answer
Centralize div css
CSS
0 vote274 views2 answers
Create column with values mapped from another column python
CSS
0 vote165 views1 answer
Css aplying everything
CSS
2 votes132 views1 answer
Css percent minus pixel
CSS
0 vote138 views1 answer
Control one swiper with other
CSS
0 vote205 views1 answer
How to change the position of a button in css
CSS
3 votes152 views3 answers
Can you control another div on hover css
CSS
8 votes146 views5 answers
Flex margin between items
CSS
0 vote154 views1 answer
Add backdrop to modal css
CSS