jQuery Smooth Scroll ne fonctionne pas dans la page Web

J'essaie d'utiliser un jQuery interne lisse dans ma page Web. J'ai utilisé ce même code un certain nombre de fois sans aucun problème, mais cette fois il ne fonctionne pas. Voici la partie pertinente du code -jQuery Smooth Scroll ne fonctionne pas dans la page Web

HTML -

<html> 
<head> 
<title>Geokeep</title> 
<link rel="stylesheet" type="text/css" href="style.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="script.js"></script> 
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Montserrat"> 
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Roboto"> 
</head> 
<body> 
<section id="section1"> 
        <h2 id="h2">A Million Small Things. One Bag</h2> 
        <h3 id="h3">Presenting Geokeep. The world's first recycled and solar-powered bag.</h3> 
        <a href="#section2" class="button" id="bt1">Know More</a> 
       </section> 
       <section id="section2"> 
        <span id="head"> 
         Meet Geokeep 
        </span> 
        <span id="desc"> 
         The Geokeep is packed with features that help you do your bit towards the protection of the environment. 
        </span> 
         <!--<img src="Images/DOS.png">--> 
       </section>

Et le code JS -

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

S'il vous plaît proposer une solution efficace.

Source

2016-09-13 Umesh Meena

Avez-vous une erreur sur votre console? –

Non pas en tant que tel, j'utilise le même code sur une page Web différente et là-bas, il fonctionne parfaitement. –

Définissez la même classe sur les éléments href que vous allez utiliser le défilement lisse, puis faites un clic sur cette classe! –

jQuery Smooth Scroll ne fonctionne pas dans la page Web

Répondre

Questions connexes