Cannot scroll when my cursor is over my embedded form

  • bunddlex
    Asked on February 10, 2016 at 4:04 PM
    I cannot scroll when my cursor is over my embedded for. The for is embedded in a wordpress. Please Help!!!
  • David JotForm Support
    Replied on February 10, 2016 at 6:30 PM

    In your iFrame code, try changing scrolling to from "Yes" to "No":

    <iframe id="JotFormIFrame" style="width: 100%; height: 2350px; border: none;" src="https://form.jotform.com/60384361829158" width="300" height="2350" frameborder="0" scrolling="yes"> </iframe>

    <iframe id="JotFormIFrame" style="width: 100%; height: 2350px; border: none;" src="https://form.jotform.com/60384361829158" width="300" height="2350" frameborder="0" scrolling="no"> </iframe>

    It may be trying to scroll the form instead of the page.

  • bunddlex
    Replied on February 10, 2016 at 6:38 PM

    Still not working. It lets me scroll if I move my cursor to the side but not on top of the form??

  • Charlie
    Replied on February 11, 2016 at 2:51 AM

    I visited your website and was able to scroll inside the form and on the website itself. You can check my screencast here:

    Cannot scroll when my cursor is over my embedded form  Image 1 Screenshot 20

     

    If I understand your concern, you want your main website to scroll when the mouse cursor is inside the form, is that correct? It looks like it is working fine in my end. Are you still having problems on this?

  • bunddlex
    Replied on February 11, 2016 at 8:39 AM

    I see it working on your end but not working on any of my computers?? Why is that?

  • Charlie
    Replied on February 11, 2016 at 10:11 AM

    Have you tried using a different browser? I encountered another user that has that exact problem. She is using a Wordpress theme or plugin that has a styling option that forces the mouse to not scroll if it is on top of the form. 

    I was able to replicate the problem in a Mozilla Firefox browser, here's a screencast:

    Cannot scroll when my cursor is over my embedded form  Image 1 Screenshot 20

     

    I believe this is more related on the Wordpress theme, you can try testing it on a simple Wordpress theme, see if you are still getting the same problem. I hope that helps.

  • bunddlex
    Replied on February 11, 2016 at 1:49 PM

    It did work with another browser. But only with Chrome. How can this be fixed so I can make sure my clients can use it with any browser. is there another way of fixing it? embed? plugin?

  • David JotForm Support
    Replied on February 11, 2016 at 2:54 PM

    It may be due to the theme applied to your page.  If that is the case, there may not be anything we can do about it.  Can you try with another theme temporarily to see if that allows for scrolling?

  • David JotForm Support
    Replied on March 8, 2017 at 5:17 PM

    Thank you for the information.  Hopefully it will help any other users who come across the same issue.