Reply To: CSS scrolling working example, but not when implemented

[Shikkediel]

Have a look at this by the way, it’ll make the translate responsive and you won’t have to calculate and change any fixed sizes:

Demo

a[id="home"]:target ~ #masterDiv div.content {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

a[id="about"]:target ~ #masterDiv div.content {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

a[id="background"]:target ~ #masterDiv div.content {
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
}

...