iOS iFrame Embed Scrolling Bug Workaround

There is a known issue on iOS, when iFrame based embeds are inside of absolutely positioned elements that utilise overflow:hidden; (css) that prevents scrolling if the touchstart event is within the embed. This affects the Virtual Campus sidebar if you use an iFrame based video embed.

Dropping this snippet into your locations “Head Scripts” will fix this issue. This fix is currently being tested across the application, and will be rolled out to all customers in the coming months.

$( document ).ready(function() {
    $('body').css('-webkit-overflow-scrolling', 'touch');
 });

Was this article helpful?

Related Articles