Streaming live at 10am (PST)

Need help with modal scrolling


#1

Hi guys,
Please see attached link to see a huge bug I found when testing the pop up modal on an iPhone 6s. Does anyone know why this is happening? On another note, the user cannot scroll through smoothly as for some reason it is scrolling the background. There are certain parts on the screen where you have to place your finger on in order to scroll through the pop up modal.

Any ideas why this is happening? I followed the webflow pop up modal tutorial…


Here is my site Read-Only: [LINK][1]
https://preview.webflow.com/preview/a1demo?preview=b06c1ca88f70155d0c232cd0d49d8528


#2

Hi @XternalDesigns I noticed that this only happens when you click & drag from a textfield. If you drag from the content, the modal scroll works.

CloudApp

What you can try is adding this script to your custom footer code:

<script>
$('a.button.other').on('click', function(){
     $('body').css('overflow','hidden');
})
$('.close-link').on('click', function(){
     $('body').css('overflow','visible');
})
</script>

Hope this helps :slight_smile:


#3

Nelson, it Doesn’t work :confused:


#4

Does anybody know how to fix this? Or will I just have to create a new page and copy and paste my form on it?

This is pretty disappointing how the glitch happens and for some reason the background scrolls down as you scroll down on the form. :confused:


#5

Does anybody have any input?


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.