Défilement lisse - Astuces CSS - Ne fonctionne pas

Question

Je viens de mettre en œuvre le script du Smooth Scrolling by CSS Tricks dans mon site shopify store. mais cela ne fonctionne pas pour moi :(

est ici le script du rouleau lisse

<script> 
jQuery(function($) { 
    $j('a[href*="#"]:not([href="#"])').click(function() { 
     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
     var target = $j(this.hash); 
     target = target.length ? target : $j('[name=' + this.hash.slice(1) +']'); 
     if (target.length) { 
      $j('html, body').animate({ 
      scrollTop: target.offset().top 
      }, 1000); 
      return false; 
     } 
     } 
    }); 
    }); 
</script> 

ce autre code pour mes curseurs slicks

<script> 
jQuery(function($) { 
     $j('.obs_store_wall_slider').slick({ 
     dots: true, 
     infinite: true, 
     speed: 500, 
     fade: true, 
     draggable: false, 
     arrows: true, 
     autoplay: true, 
     autoplaySpeed: 5000, 
     pauseOnHover: true, 
     cssEase: 'linear' 
     }); 

    $j('.obs_store_wall_banner_slider').slick({ 
     dots: false, 
     infinite: true, 
     speed: 500, 
     draggable: true, 
     arrows: true, 
     autoplay: true, 
     autoplaySpeed: 5000, 
     pauseOnHover: true, 
     cssEase: 'linear' 
     }); 
    }); 
</script> 

pour voir l'action en direct, visitez my store

Answer 1

wow, je ne peux pas y croire.le script ne fonctionne pas en raison de ma syntaxe html, je mets un "#" dans la section id: D