Skip to content

Smoothscrolling on body with iframes #25

@Simbaclaws

Description

@Simbaclaws

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?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions