- austinfilmschoolAsked on May 12, 2017 at 04:57 PM
Here is a link to the site I'm working on...
You'll notice that, on page load, the jotform is there and doing fine. But, on page scroll, the jotform disappears. You'll also notice that the div it is in will follow the viewport on scroll, adding borders to itself. I'm doing this via a plugin called sticky-kit.js, specifically the plugin .js file is called stickykit.min.js. This is a jquery plugin that makes a div fixed on certain parts of the page when the user scrolls, so the assigned div/box will follow the user down the page.
But, maybe I'm wrong about this? Is there a way to fix this problem either through jotform, or simple JS. I may just be missing something altogether so any input would be greatly appreciated.
Below are two screen shots, one before scroll and thus before 'sticky_kit:stick' event is activated, and one after. If you look at the chrome inspector in each screen shot, you'll see that under the iframe, the body first has content, and then after scroll, has no content.
Any help would be greatly appreciated.
- JotForm SupportKiranAnswered on May 12, 2017 at 06:17 PM
Please get back to us if the issue still persists. We will be happy to assist you further.
- austinfilmschoolAnswered on May 15, 2017 at 12:14 PM
Ok, we're getting closer. If you look at the link now, in Chrome at least, it seems to load the iframe, then, on scroll, it disappears, then reloads the iframe while also jumping the user back up to the top of the page.
- JotForm SupportKiranAnswered on May 15, 2017 at 12:30 PM
I have checked the provided web page http://austinfilmschool.org/membership/membership-overview/ and see that there is no form embedded. I have also tried inspecting the web page and couldn't find the embedded form on the page. Did you remove the form embed code from the form?
Please try embedding the form using iframe embed code and let us know so that we can take a look and provide you with necessary assistance.
- austinfilmschoolAnswered on May 15, 2017 at 12:32 PM
- JotForm SupportBJoannaAnswered on May 15, 2017 at 01:54 PM
I have inspected the webpage you provided and I was able to replicate mentioned issue. When I scrolled to the bottom of the webpage, the form disappeared.
I have checked console logs on your webpage and I think that this issue is not related to JotForm iFrame code. It seems that plugin that you are using is constantly being recalculated and it's diapering.
You can try to remove script code of your iFrame code, to see if that will resolve your issue. Use only this part of the iFrame code:
<iframe id="JotFormIFrame-71316174684156" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/71316174684156" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>
Beside that I can only suggest you to check the plugin that you are using or to try to move the from to the middle of the page.
Let us know if you need further assistance.
- austinfilmschoolAnswered on May 15, 2017 at 03:37 PM
I believe you're right. It seems like it's now the plugin that's having problems. After removing jotform on another iteration I'm working on, this problem still persists with the stick box disappearing on me. It's done this before as well.
I'll do some debugging and try to catch it but I appreciate your and all of your colleagues help!
- JotForm SupportBJoannaAnswered on May 15, 2017 at 03:49 PM
I am glad to hear that you found the cause of your issue.
Unfortunately we can not help you to debug your plugin, because that is out of our scope.
If you have any other issue or questions that are related to JotForm, please let us know.