Independent Scrolling for Columns

[willcanning]

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;
}

[Richard]

Dear @willcanning

Im so sorry that no one replied to this thread, this isn't a practice we wish to maintain! forgive me

Did you manage to find a solution to your problem in my absence?

Thank you for your patience and for using Lay Theme

Sincerely
Richard