This website uses cookies to personalise ads and to analyse traffic ok
web design

Page scroll to id for WordPress

 

Knowledge Base – FAQ

Topics: General WordPress Menu Links highlighting Links Targets Page scrolling Offset jQuery/Javascript

 

Pages: 1 2


1,001 Comments

Post a comment

Comments pages: 1 9 10 11

  1. Paris
    Posted on June 30, 2024 at 20:18 Permalink

    Hi mate,

    I have installed your plugin on this website. Is it possible for the menu to automatically close on mobile devices when you click on an option?

    Reply
  2. Erdafa Andikri
    Posted on June 28, 2024 at 11:41 Permalink

    Hi

    I am building a website that uses the html-anchor as an ID a CSS :target Selector.

    I need your help to disable the jump to section feature so the user doesn’t get surprised when they click the button

    The particular page in my website is board of directors page, when you click the image, a description text overlay appears using a fade transition.

    My goal is to make the user comfortable and can see the description clearly.

    The problem is because it uses the html anchor, it jumps to the section thus making jerky and sudden movements that made the user uncomfortable

    I have tried to exclude the id, but still it jumps to the section

    Do you have any advice or solution?

    Thank you

    Worm regards,

    Erdafa Andikri

    Reply
    • malihu
      Posted on June 28, 2024 at 13:06 Permalink

      Hello,

      I’d need to see your site/page in order to help. Can you post or send me the URL?

      Reply
      • Erdafa Andikri
        Posted on June 28, 2024 at 13:31 Permalink

        unfortunately i cant give you the url because the website is still at my localhost.

        i will give you a youtube video that give you an understanding of my problem

        https://youtu.be/abF2PiWG9Es

        Reply
        • malihu
          Posted on June 28, 2024 at 13:39 Permalink

          Have you activated “Page scroll to id” plugin? Is the “+” button an actual link with an href value?

          Reply
          • Erdafa Andikri
            Posted on June 30, 2024 at 16:50 Permalink

            yes i already turned it on.

            to be clear, i want to disable it.

            i dont want it to jump to section.

        • malihu
          Posted on July 1, 2024 at 21:46 Permalink

          I don’t think it’s possible to stop a link from jumping to its hash (you can test this by deactivating the plugin and see that it still jumps to the hash target), unless you add custom javascript. This is because jumping to hash is a standard browser behavior.

          The thing is that unless I see your page/code I cannot provide what js code to add. At the very least you’ll need to tell me the class(es) of the “+” element (and its parent element) and maybe we can try adding some code.

          Keep in mind that adding the code might still not work as it’ll depend on how your theme devs created the button functionality.

          By the way, what clicking the “+” button supposed to do?

          Reply
          • Erdafa Andikri
            Posted on July 2, 2024 at 05:55 Permalink

            https://youtu.be/TfhuK0y9Hmw

            clicking the + button shows the description of the member, i used css to achieve this

            i think our conversation ends here, i will try to figure it out myself.

            really appericiate your help

            thank you,
            Erdafa Andikri

        • malihu
          Posted on July 2, 2024 at 21:37 Permalink

          No problem 🙂 Let me know if I can help.

          Reply

Comments pages: 1 9 10 11

Post a comment

Your e-mail is never published nor shared. Required fields are marked *

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
You can write or copy/paste code directly in your comment using the <code> tag:
<code>code here...</code>
You may also use the data-lang attribute to determine the code language like so:
<code data-lang-html>, <code data-lang-css>, <code data-lang-js> and <code data-lang-php>

css.php