Multiple Scroll Animated Interaction

This interaction has been built due to having multiple scroll bars on the same page. When it comes to the reality this has become more challenge-able use case to handle along with the UX.

In this case, the Iframe content is mostly blend with the content in the left side specially with the scroll-able content(Instructions). In order to enhance the experience, made the main page scroll to control the 'Instructions' rather than implementing a another scroll for that particular section.

In this scenario target audience more keen to use mouse wheel + projectors with remote devices to view/scroll the content. so this behavior will avoid jiggling in the page and let user to focus on the functionalities firmly.