simplr-smoothscroll icon indicating copy to clipboard operation
simplr-smoothscroll copied to clipboard

Smoothscrolling on body with iframes

Open Simbaclaws opened this issue 8 years ago • 0 comments

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?

Simbaclaws avatar Nov 29 '16 17:11 Simbaclaws