Якорная бирка не работает в html

Question

Я делаю parallax website.in, который я поддерживаю HOME, О НАС, КОНТАКТ США на той же странице, в то время как у меня разные страницы для продуктов. моя параллаксная навигация работает нормально, но когда я нажимаю ссылку на продукт, она не перемещается. я пытался найти решение, то я придумал вопрос

<script type="text/javascript"> 
    jQuery(document).ready(function ($) { 
     $(".scroll").click(function (event) { 
      event.preventDefault(); 
      $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000); 
     }); 
    }); 
</script> 

Это код, который не позволяет мне перейти к другим страницам. но когда я удаляю это, я потерял прокрутку на страницах. прошу помочь.

это мой код меню

<div id='cssmenu' class="top-menu"> 
      <span class="menu"></span> 
       <ul> 
        <li> 
         <a class="scroll" href="#home">Home</a> 
        </li> 
        <li class='active has-sub'> 
         <a href='#'>Products</a> 
         <ul> 
          <li class='has-sub'> 
          <a href='#'>Cable management systems</a> 
          </li> 
          <li class='has-sub'> 
          <a href="blockware.html" target="_blank">Blockworks & plastering accessories</a> 
          </li> 
          <li class='has-sub'><a href='#'>Hotel carpets</a></li> 
          <li class='has-sub'><a href='insulation.html'>Insulation protection materials</a></li> 
          <li class='has-sub'><a href='PartitionProducts.html'>Partitioning products</a></li> 
          <li class='has-sub'><a href='PreCast.html'>Precast support profiles</a></li> 
          <li class='has-sub'><a href='ChannelSupportSystem.html'>Support systems</a></li> 
          <li class='has-sub'><a href='technicalProfile.html'>Technical profiles</a></li> 
         </ul> 
        </li> 
        <li><a class="scroll" href="#brief">About</a></li> 
        <li><a class="scroll" href="#contact">Contact</a></li> 
       </ul> 
      </div> 

Answer 1

Я получил ответ, просто добавив этот

 <script type="text/javascript"> 
    jQuery(document).ready(function ($) { 
     $("a.scroll").click(function (event) { 
      event.preventDefault(); 
      var href = $.attr(this, 'href'); 
      $('html,body').animate({ scrollTop: $(href).offset().top }, 1000); 
     }); 
    }); 
    </script>