simplr-smoothscroll
simplr-smoothscroll copied to clipboard
Smoothscrolling on body with iframes
Currently I found out that when you embed things like youtube video's and soundcloud embeds, you create iframes that will scroll the page regularly. In other words, smooth scroll works perfectly whenever you have your mouse on the main page, but as soon as you leave this page and enter an iframe with your mouse and start scrolling there, the entire smooth scrolling effect is gone and the page jumps down. It even breaks the smoothscroll of the page itself.
Any idea how I can get this to work so that the iframes scroll the page smoothly aswell?
I've tried doing the following:
$.srSmoothscrolling({ step: 30, speed: 300, ease: 'swing', target: $('#widget'), container: $('iframe') });
but this doesn't seem to have helped. I've also tried adding javascript dynamically to the iframes through injection. Although I'm unable to debug it since jquery calls the scripts and then removes it from the DOM with .append()... Any other ideas I can try?