not scrolling to section

  • Resolved maddinb

    (@maddinb)


    5 years, 9 months ago

    Hi there,

    I work locally on the project, therefore I can’t link to the page. The issue I have is it when I click on a link it just scrolls a centimeter and then stops.
    I added the ps2id class to the sections and url’s.
    All sections have the correct id. With the plugin deactivated the anchor links are working fine.
    Any idea what could possibly cause that problem?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author malihu

    (@malihu)

    It’s impossible for me to say without seeing your page. Try enabling “Prevent other scripts from handling plugin’s links” option in plugin settings. Also, you don’t need the ps2id class on the target sections.

    Also, make sure you’re using plugin’s latest version.

    In general, a common issue is that some themes have their own function of scrolling in-page links, which might conflict with the plugin. When plugin is deactivated, does the page scroll smoothly or just jumps?

    Thread Starter maddinb

    (@maddinb)

    Now I can show you the site. Here is the link:
    https://77d3d10e.ngrok.io/

    I tried enabling the “prevent other scripts…” without success.
    I’ve built the theme myself with Bootstrap without any scrolling feature. So there shouldn’t be any conflict I guess.
    When the plugin is deactivated it just jumps to the section as expected.

    Plugin Author malihu

    (@malihu)

    I can’t access the URL you posted. I get Tunnel 77d3d10e.ngrok.io not found.

    Thread Starter maddinb

    (@maddinb)

    sorry, it was expired when you visited the page. This one should work now.
    https://4f259126.ngrok.io/

    Plugin Author malihu

    (@malihu)

    Hello again,

    I think your HTML template has an issue. You probably should look into header.php (if you built your theme with this template). Your HTML starts like this: 

    <!-- the_post() - this function keeps track on wich post we're working with  -->
<!-- the_permalink() - links to the specific post -->

<!-- advanced custom fields -->

<!DOCTYPE html lang="de-DE" >

<head>

    This is not correct.
    It should be: 

    <!DOCTYPE html>
<html lang="de-DE">
<head>

    Change it and let me know

    Thread Starter maddinb

    (@maddinb)

    Hi,

    that was just a note. But I removed it anyway to see if would change something.
    Still not working unfortunately

    Plugin Author malihu

    (@malihu)

    It’s not fixed. Please see the code I posted. This is not correct:

    <!DOCTYPE html lang="de-DE" >

    DOCTYPE and html are different tags. The html tag is required in HTML. Change the code to: 

    <!DOCTYPE html>
<html lang="de-DE">
    Thread Starter maddinb

    (@maddinb)

    Oh shame on me. How can I overlook that even after you’ve pointed it out. I was somewhat focused on those comments in the head. /:

    That solved the problem. Thank you very much.
    But another one has occurred. The highlight class is acting very weird.
    Flickering, not on point, etc.

    https://4f259126.ngrok.io/

    Plugin Author malihu

    (@malihu)

    No problem ??

    You still need to fix the missing opening html tag. Right now it’s:

    lang="de-DE" >

    It should be:

    <html lang="de-DE">

    Also, in plugin settings disable “Keep the current element highlighted until the next one comes into view” and “Highlight by next target” options. Save changes and let me know.

    • This reply was modified 5 years, 9 months ago by malihu.
    Thread Starter maddinb

    (@maddinb)

    Haha I eventually got it right and everything works like a charm now. Thx for the great support!

    Plugin Author malihu

    (@malihu)

    Awesome ?? Glad I helped.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘not scrolling to section’ is closed to new replies.