I used sticky kit to have a div (project-info) remain in place once it reaches the top of the page. Then the images in the right column continue scrolling. This feature only works on desktop.
It works great when scrolling back up the page, however, it is a bit jumpy when scrolling down initially, and the entire .project-info div doesn't stay in view when scrolling down.
I'm not sure I did anything differently, since it was working before. The client entered a bunch of content, but I don't think that should be throwing it off.
I used sticky kit to have a div (project-info) remain in place once it reaches the top of the page. Then the images in the right column continue scrolling. This feature only works on desktop.
It works great when scrolling back up the page, however, it is a bit jumpy when scrolling down initially, and the entire .project-info div doesn't stay in view when scrolling down.
I'm not sure I did anything differently, since it was working before. The client entered a bunch of content, but I don't think that should be throwing it off.
Here's my URL: http://propellerfund.flywheelsites.com/projects/filmfront/ (Flywheel requires a password for dev sites, so the username is:flywheel; password: propellerfund)
Here's my sticky kit code: `jQuery(document).ready(function(){
});`