How to disable auto-scroll effect with the Section Collapse field?

  • elibessudo
    Asked on May 1, 2024 at 7:32 PM

    Hello,

    I'm currently using collapsible fields to use for an FAQ page and I noticed it keeps auto-scrolling and moving the page around which can be very frustrating when interacting with the page. See video below

    https://www.loom.com/share/245f7e4ff0284cf98233412253900224?sid=89d8b21d-f985-46af-9b7a-a16a3278b695

    Is there a way to disable this? This is for my form called Wholesale FAQ

    Thanks

  • Raymond JotForm Support
    Replied on May 1, 2024 at 10:08 PM

    Hi Elias,

    Thanks for reaching out to Jotform Support. I understand you'd like to remove the scrolling effect when the section collapse element is clicked. We can do this by adding the "?nojump? parameter to the SRC link of the iFrame code. Please try embedding the form using the modified iFrame code below:

      <iframe
       id="JotFormIFrame-240646818975168"
       title="Wholesale FAQ"
       onload="window.parent.scrollTo(0,0)"
       allowtransparency="true"
       allow="geolocation; microphone; camera; fullscreen"
          src="https://form.jotform.com/240646818975168?nojump"
       frameborder="0"
       style="min-width:100%;max-width:100%;height:539px;border:none;"
       scrolling="no"
      >

      </iframe>
        <script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>
        <script>window.jotformEmbedHandler("iframe[id='JotFormIFrame-240646818975168'", "https://form.jotform.com/")</script>

      Here's how it would work:

    How to disable auto scroll effect with the Section Collapse field? Image 1 Screenshot 20

    Give it a try and let us know if you need any help.

 
Your Answer