Button Link breaks when “button click” used as firing event

  • Resolved bradenanderson

    (@bradenanderson)


    1 year, 8 months ago

    I have buttons all set to an anchor (#about) on a one-page website. Basically, the idea is to have the screen “not move” when someone clicks on one of the buttons. As you can see if you click the “My Voice” panels “read more” button, which has the Pop UP turned off for it, scrolls exactly to where it needs to (all other buttons are set the same way in this section). However, on the other buttons, with Pop UP turned on, they always scroll back to the top off the page to show the pop up.

    Is there a way to keep the page from scrolling when pop up is enabled?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Jasmine

    (@hyenokian)

    Dear @bradenanderson,

    Thank you for the topic.

    We have checked and noticed that you are using the <a> tag for the buttons, whose “href” attribute includes “#” (is blank).?
    When you click on that button, the URL changes, and your browser automatically scrolls to the top.

    Please use a <button> or <span> tag instead of the <a> tag.
    For instance: <span class=”openme”>HERE</span>

    Please check this and let us know about the outcome. 

    Thank you.

    Thread Starter bradenanderson

    (@bradenanderson)

    Thanks for your response.

    The link (href) is set to “#about” which is an anchor on the page. It’s a one-page website, so this is standard protocol for links to page anchors, which works fine for the buttons/links without the “pop up box” attached to their Classes. So I guess I don’t see what changing the link has to do with how the Pop Up works. Can you clarify?

    Additionally, I’m not writing these buttons in HTML, I am using Elementor, so my expectation is that whatever Elementor has for the button HTML should work with this plugin just fine, no custom coding needed. Am I wrong?

    Thread Starter bradenanderson

    (@bradenanderson)

    It’s like having the pop up “breaks” the anchor link function (which works fine with all other links not using Pop Up integration).

    Plugin Support Jasmine

    (@hyenokian)

    Dear @bradenanderson,

    Thank you for your reply.

    I would like to note that the given tags will work on Elementor as well.

    If possible, please add a popup in a button, so that we can check it on our end.

    As far as we understand you want to achieve this result shown in the video below. As you can see there aren’t any issues on our end.

    See the video below:

    View post on imgur.com

    Looking forward to your reply.

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Button Link breaks when “button click” used as firing event’ is closed to new replies.