Hi all!
When i click on the contact button, the scroll anchor doesn’t go to the right place on the first click, which is the footer with form. When i am on the home page i have no problems. It is only when i am on any other page.
so on this page for example: https://wordpress-724181-2932291.cloudwaysapps.com/website-management/
Sorry to hear you’re experiencing trouble with this.
Could you possibly let me know if this is happening in every browser, and every time the page is refreshed.
Or does this only happen when the page is loaded for the first time?
I experience the problem in firefox, chrome and Safari on my mac.
Everytime i go to the website management page and click on the contact button, the scroll doesn’t work. It does work properly on the homepage.
I’m not quite sure why you are using this interesting method of an anchor.
Targeting the div instead of the paragraph should work though, so I’m not sure if all this stuff is related.
Could you revert to the div anchor temporarily, and I will check things on my end?
There might be other stuff involved though, like the accordion.
The idea was to add a paragraph which was positioned absolute, so i could decide the place where to scroll to. I didn’t think this would cause any problems? but i will look into it!
I understand, but as it seems you are scrolling to the very top of the div anyway?
Also keep in mind that the scroll-margin property is available in Cwicly, to fine-tune your scrolling position.
I have changed the link to the div-ID, but when i am on the website management page, this problem stil persists. But yeah ur right, no need for the paragraph xd.
Also i removed the accordion, but the problem still persists even then. (display none, on the section)
And cool! i didn’t know this function : )
Also, for the team and portofolio link i have the same paragrap anchor method, and i have no problems there when scrolling from another page.
Edit
Probably, it’s because of unintended mouse wheel action during the scroll.
I use a free scroll mouse which could be the culprit here.
After locking the mouse wheel, it’s not happening again.
However, I also faced such behaviour when testing on a mobile device, so I’m not entirely sure.
In case this is an issue, it’s not related to this topic (most likely).
When coming from any page other then the homepage, with a link to the footer on the homepage i have the problem 10/10. Maybe it has something to do with the form being disabled on other pages.
I have the same problem on your page aswell.
Ps: here i have a link of what it looks like on my end: Video
That’s worth testing imo.
Would require removing the form - display:none won’t work, scripts will still load.
Thanks for testing my page as well. I updated the post.
My guess is that it’s some script related stuff.
Hopefully, you’ll receive positive feedback from the team.
After looking into it, i did it with conditional logic. I made a template with the form within and displayed that only in the footer of the homepage. After removing the conditions the result was still the same.
Looking at this, it seems that the issue is with the Gravity Forms form that isn’t displayed on load → display:none rule applied until their JS shows it.
This explains that when coming from another page, the browser is scrolling to the correct position of the section before Gravity Forms shows the form.
I contacted gravity forms and this is what they said:
“Gravity Forms doesn’t play any role in the issue you’re reporting. The anchors used are not handled by Gravity Forms, and scrolling to those anchor is not handled by Gravity Forms either.”