i want to add smooth scroll effect to entire website - brooklyn theme

[7kingodmsla]

hello everyone i would like to add smooth scroll to my website 

web url https://7kingdomsbar.myshopify.com/

password : godgod291

thank you please reach out 

[dmwwebartisan]

@7kingodmsla 

The basic smooth scroll with anchors would work as shown below - since Jumpstart has jQuery I used that for brevity. Also, see my Codepen for a demo.

$(document).ready(function() {
  $('.smooth-scroll').on('click', function(evt) {
    evt.preventDefault();
    $('html, body').animate(
      { scrollTop: $($(this).attr('href')).offset().top},
      300
    );
  });
});

Where you put that in your theme and what elements you decide to smooth scroll is up to you.

Best wishes!

[7kingodmsla]

@dmwwebartisan how can i add this to my entire website ? 

[dmwwebartisan]

@7kingodmsla 

Please check this link https://www.minervaknows.com/how-to/how-to-add-a-smooth-scroll-effect-on-shopify-may-sotre-2-myshopi...