Гладкая прокрутка - CSS-трюки - не работает

Question

Я только что реализовал сценарий Smooth Scrolling by CSS Tricks в моем магазине магазина. но он не работает для меня :(

вот сценарий гладкой прокрутки

<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> 

и это еще один код для моих скользких ползунков

<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> 

увидеть живое действие, посетить my store

Answer 1

wow, я не могу в это поверить. Сценарий не работает из-за моего синтаксиса html, я помещаю «#» в идентификатор раздела: D