Helix 3 Smoothscroll - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer
Back to the questions

Helix 3 Smoothscroll

Michael Ko.

Michael Ko.

Template 5 months ago

Hello everyone, I’m trying to adjust the scroll speed in Helix 3 by modifying smoothscroll.js, but nothing seems to change.

I've edited the following values:

javascript var ssc_framerate = 400; var ssc_animtime = 1200; var ssc_stepsize = 500; However, the scroll speed still feels way too fast. Is it possible that I’m changing the wrong part of the code or that smoothscroll.js isn’t being applied at all?

Any ideas?

0
1 Answers
Order by
Oldest Newest Votes
Toufiq
Toufiq
Accepted Answer
Senior Staff 5 months ago #192891

Hi there,

Thank you for reaching out. Please follow the instructions.

  1. Download the smoothscroll.js file & place it on this file location

smooth-scroll.js.zip

templates/shaper_helix3/js/smooth-scroll.js

  1. You have to include it inside the template index.php file.

templates/shaper_helix3/index.php

$helix3->addJS('bootstrap.min.js, jquery.sticky.js, main.js, smooth-scroll.js') // JS Files

  1. Add this code inside the main.js file. https://prnt.sc/-CCCgE-TAwyC

templates/shaper_helix3/js/main.js

    if (typeof SmoothScroll !== "undefined") {
  var scroll = new SmoothScroll('a[href*="#"]', {
    speed: 500,
    speedAsDuration: true,
    offset: function () {
      return $("#sp-header").outerHeight() || 80; // Adjust based on sticky header
    }
  });
}

Best regards,

Toufiqur Rahman (Team Lead, Support)

0