Якорь на нужный блок в карточке товара

[antiuser]

Всем доброго!

Подскажите пожалуйста кто силен в javascript с таким моментом

Добавляю в карточке товара якорь для перехода к блоку id="product"

<a href="#product">Якорь</a>

воспользовался решением от Tom

<script>
      $(document).ready(function(){
          $('a[href^="#"]').click(function(){
            if(document.getElementById($(this).attr('href').substr(1)) != null) { 
               $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top }, 500);
            }     
            return false;
          });
      });
</script>

Сам переход работает, но не работает переключение в табах.

Змінено 17 січня 2021 користувачем antiuser

[Dimasscus]

  В 17.01.2021 в 12:11, antiuser сказав:

Всем доброго!

Подскажите пожалуйста кто силен в javascript с таким моментом

Добавляю в карточке товара якорь для перехода к блоку id="product"

<a href="#product">Якорь</a>

воспользовался решением от Tom

<script>
      $(document).ready(function(){
          $('a[href^="#"]').click(function(){
            if(document.getElementById($(this).attr('href').substr(1)) != null) { 
               $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top }, 500);
            }     
            return false;
          });
      });
</script>

Сам переход работает, но не работает переключение в табах.

Expand  

Потому что у табов тоже #

[iglin]

  В 17.01.2021 в 12:11, antiuser сказав:

Сам переход работает, но не работает переключение в табах.

Expand  

Если шаблон дефолтный, то вот такой "костыль" решит вашу проблему:

строчку 

$('a[href^="#"]').click(function(){

замените на 

$('a[href^="#"][data-toggle!="tab"]').click(function(){

 

[antiuser]

  В 17.01.2021 в 12:41, iglin сказав:

 замените на 

$('a[href^="#"][data-toggle!="tab"]').click(function(){

Expand  

iglin спасибо! все работает как нужно.