How to disable scroll when tablet & mobile nav is open

Design help General
1

Dear forum!
This is the site im working on: https://malche.webflow.io/

When i switch to tablet or mobile i use a standard dropdown menu

screen1
screen1395×661 12.8 KB

However when i scroll down from there this happens:

screen2
screen2397×685 29.2 KB

Can you help me out?
Thanks and Regards!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @johnthreesixteen,
I’ll answer your question on german. If you do need the answer in english, I’ll rewrite it.

Also… das ist überhaupt kein Problem. Ich persönlich habe es gelöst indem ich eine Classe zu dem Body hinzufüge with overflow hidden aber ich habe eine einfachere Lösung gefunden.

<!-- Disable Scroll Script -->
<script>
var Webflow = Webflow || [];
Webflow.push(function () {
    var $body = $(document.body);
    var scrollPosition = 0;

    $('[scroll="both"]').on('click', function () {
        if ($body.css('overflow') !== 'hidden') {
            var oldWidth = $body.innerWidth();
            scrollPosition = window.pageYOffset;
            $body.css('overflow', 'hidden');
            $body.css('position', 'fixed');
            $body.css('top', `-${scrollPosition}px`);
            $body.width(oldWidth);
        } else {
            $body.css('overflow', '');
            $body.css('position', '');
            $body.css('top', '');
            $body.width('');
            $(window).scrollTop(scrollPosition);
        }
    });
});
</script>

Kopiere einfach das Script und füge es in deinen Body ein. Dann füge ein custom Attribute zu deinem Menü Bürger Button hinzu mit “scroll=both”. Das sollte es dann auch schon gewesen sein.

Bei Problemen gerne melden.

Maxi

3

Hallo Maxi!
Danke für deine Antwort =)
Das funktioniert, nur jetzt gibt es ein neues Problem:
Wenn ich ein Dropdown in der mobile Navi öffne, dann kann ich leider auch nicht mehr runterscrollen.

Gibt es evtl. eine andere Lösung?
Danke und LG