No Smooth Scrolling Elementor

Hi,

I can’t really help unless I see your page. Make sure you’ve enabled “Prevent other scripts from handling plugin’s links” option in plugin settings. If you can send me your site/page URL I’d probably be able to help.

There’s other scripts trying to scroll the page (in addition to page scroll to id). Try this:

Go to plugin settings and remove the value you’ve set in “Highlight selector(s)” option. Save changes and let me know so I can check it.

There’s another script in your theme that also scrolls the page:

wp-content/themes/nt-honshi/js/scripts.js

I think that this script conflicts with “Page scroll to id” because they both try to do the same thing. Is there a way to disable your theme’s smooth scrolling feature?

Try this:

Edit scripts.js and comment out the lines from 229 to 245, i.e. change this:

var scroll = new SmoothScroll('a[href*="#"]', {
    // Selectors
    topOnEmptyHash: true, // Scroll to the top of the page for links with href="#"
    // Speed & Duration
    speed: 800, // Integer. Amount of time in milliseconds it should take to scroll 1000px
    speedAsDuration: false, // If true, use speed as the total duration of the scroll animation
    durationMax: null, // Integer. The maximum amount of time the scroll animation should take
    durationMin: null, // Integer. The minimum amount of time the scroll animation should take
    clip: true, // If true, adjust scroll distance to prevent abrupt stops near the bottom of the page
    offset: navcustomoffset,
    easing: 'easeInOutCubic',
    // History
    updateURL: true, // Update the URL on scroll
    popstate: true, // Animate scrolling with the forward/backward browser buttons (requires updateURL to be true)
    // Custom Events
    emitEvents: true // Emit custom events
});

to:

/* var scroll = new SmoothScroll('a[href*="#"]', {
    // Selectors
    topOnEmptyHash: true, // Scroll to the top of the page for links with href="#"
    // Speed & Duration
    speed: 800, // Integer. Amount of time in milliseconds it should take to scroll 1000px
    speedAsDuration: false, // If true, use speed as the total duration of the scroll animation
    durationMax: null, // Integer. The maximum amount of time the scroll animation should take
    durationMin: null, // Integer. The minimum amount of time the scroll animation should take
    clip: true, // If true, adjust scroll distance to prevent abrupt stops near the bottom of the page
    offset: navcustomoffset,
    easing: 'easeInOutCubic',
    // History
    updateURL: true, // Update the URL on scroll
    popstate: true, // Animate scrolling with the forward/backward browser buttons (requires updateURL to be true)
    // Custom Events
    emitEvents: true // Emit custom events
}); */

Let me know

The changes you made do not seem to be applied in the frontend (when I inspect the script, the code is not commented). Maybe you need to clear cache?

Ok. In plugin settings change “Scroll type/easing” option to easeInOutQuint and let me know.

Yes. Try the following and let me know:

Edit ...wp-content/themes/nt-honshi/js/plugins.js

and comment out line 12 (it’s a single big line).

Save the file and let me know.