Hi there!
I'm trying to get independent scrolling for columns working on this page:
http://actualobjects.org/category/work
For a minute it seemed like I was almost there but after turning off on scroll element transitions it stopped working.
Basically the body of the page should be fixed and each column should scroll by itself.
If anyone has any suggestions let me know!
I've put all of each column's content into three stacks and set HTML classes (left, middle, right). Current CSS I am using is as follows:
.slug-work
.left,
.middle,
.right {
overflow: scroll;
max-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
}
.slug-work html, body {
margin: 0;
height: 100vh;
}