Change overflow in interaction

Hey Webflow Team

My problem:
I have a single page website with a splash screen overlay and I want to disable the scroll bar until my assets load. It would be great to achieve this via an interaction.

Workaround:
I have achieved this with the following and the scroll-bar appears after my assets load :smile:

  1. Set the body to have a height: 100% and overflow: hidden

  2. On the page’s custom code, paste the below snippet

    $(window).load(function(){
    $(‘body’).css({overflow: ‘visible’});
    })

Risk:
I need to be aware of this change everytime I edit my page