I am having problems with anchor links not working on pages where I have a JotForm. I am using Weebly.

I was able to verify the form was causing the problem by temporarily deleting the form

 

Tried direct copying html for form as well as Weebly JotForm App, as well as IFrame code. All behave the same

May we know where the form is embedded on? 

Also, are the anchor tags in the form or web page (outside the form)?

We will need to further investigate this issue on our end in order to properly assist you. 

We will wait for your response.  

Site is www.belgianhareclub.com  Links are on "Membership" page. The anchor links are on the page itself and not part of the form. I temporarily moved the JotForm to a separate page so the anchor links would work. I will put the form back on the page now if you would like to try it. It will link to the area, and then return back right away. If the form is removed, they work as they should. I contacted Weebly support and they verified the code I have is correct.

Thanks

I have been testing your page and this is what I can see: 

May you please let us know if this is the correct process and if this is how it works on your end currently? 

We will wait for your response. 

Yes, This is the page. The anchor links are in the title block such as life time members, etc. The Life time member link should go toward the bottom of the page in the Life Time Membership section. What it does is go there and pop right back

Thank you, I could see the issue now. 

It seems to happen due to the code on the iFrame embed method, the code actually forces the page to jump to the very top, that's why the behavior. 

In order to resolve this you may try embedding your form using the iFrame code and removing the "onload" part, example: 

<iframe

       id="JotFormIFrame"

       onDISABLEDload="window.parent.scrollTo(0,0)" (REMOVE THIS)

       allowtransparency="true"

       src="https://form.jotform.com/23456789"

       frameborder="0"

       style="width:100%;

       height: 8815px;

       border:none;"

       scrolling="yes">

     </iframe>

Please give it a try and let us know how it goes. 

I think you may also try removing the entire link from the anchor tag and use just the element id, so instead os using this as link: 

http://www.belgianhareclub.com/Membership.html#HCForm

You may use just this:

#HCForm

It should not reload the page and just move the user to the section with that id instead. If you try this then you do not need to make the change I suggested to the iFrame code. 

I hope this helps. 

I tested both methods that you suggested & with either method the links
worked correctly.
Thanks again for your help. I really appreciate the support!
...