Je comprends ( enfin une partie lol) j'ai tester de mettre le .subMenu dans mon nav et de changer en class mes id, mais ça fait rien... je pige rien au final :/ je suis obligé de mettre un plugin jquery , c'est pour un exo ;)
voilà le code de la page index.html du plugin,:
<!DOCTYPE html>
<html>
<head>
<title>SMINT | The simple jQuery plugin for lovers of one page websites.</title>
<meta name = "keywords" content = "SMINT jQuery Plugin, SMINT, jQuery Plugin, One Page Website, Sticky Navigation" />
<meta name = "description" content = "SMINT is a simple plugin for lovers of one page websites, which helps with sticky menus and page scrolling." />
<meta name="viewport" content="width=device-width">
<link href="css/demo.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/jquery.smint.js" type="text/javascript" ></script>
<script type="text/javascript">
$(document).ready( function() {
$('.subMenu').smint({
'scrollSpeed' : 1000
});
});
</script>
</head>
<body>
<div class="wrap ">
<div class="section sTop">
<div class="inner">
<h1 class="title">SMINT Demo Page</h1>
<h2 class="subtitle">Feel free to use this as your starting template</h2>
</div>
</div>
<div class="subMenu" >
<div class="inner">
<a href="#sTop" class="subNavBtn">Home</a>
<a href="#s1" class="subNavBtn">Section 1</a>
<a href="#s2" class="subNavBtn">Section 2</a>
<a href="#s3" class="subNavBtn">Section 3</a>
<a href="#s4" class="subNavBtn">Section 4</a>
<a href="#s5" class="subNavBtn">Section 5</a>
<a href="https://twitter.com/rabmyself" class="subNavBtn extLink end">External Link</a>
</div>
</div>
<div class="section s1">
<div class="inner ">
<h1>Section 1</h1>
</div>
</div>
<div class="section s2">
<div class="inner">
<h1>Section 2</h1>
<p><a href="#s4" class="intLink">Internal Link: Jump to Section 4</a></p>
<p><a href="#sTop" class="intLink">Internal Link: Back to Top</a></p>
</div>
</div>
<div class="section s3">
<div class="inner">
<h1>Section 3</h1>
</div>
</div>
<div class="section s4">
<div class="inner">
<h1>Section 4</h1>
</div>
</div>
<div class="section s5">
<div class="inner">
<h1>Section 5</h1>
</div>
</div>
</div>
</body>
</html>
Voici mon "code" en tout :
<code>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>WILD CIRCUS</title>
</head>
<body>
<div id="blocpage">
<header>
<div>
<nav>
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#notre-objectif">Notre objectif</a></li>
<li><a href="#performance-trapeze">Spectacles</a></li>
<li><a href="#adresse">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section id="intro">
<article id="notre-objectif">
<h1 class="titre-objectif">Notre objectif</h1>
<P>blabalabalabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
blabalabalabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablabalab
alabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablabalabalabalkbakb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
</article>
</section>
<section>
<h1>Spectacles</h1>
<article id="performance-trapeze" >
<img src="image/irina.png">
<h2>Trapéziste</h2>
<p>blabalabalabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
blabalabalabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablabalab
alabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablabalabalabalkbakb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.</p>
</article>
<article id="performance-fauves" >
<img src="image/lion.png">
<h2>Domptage de fauves</h2>
<p>blabalabalabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
blabalabalabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablabalab
alabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablabalabalabalkbakb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</article>
<article id="performance-jonglage" >
<img src="image/BratislaBoy.png">
<h2>Jonglage</h2>
<p>blabalabalabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
blabalabalabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablabalab
alabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablabalabalabalkbakb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</article>
<article id="performance-clown">
<img src="image/clown.png">
<h2>Clown</h2>
<p>blabalabalabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
blabalabalabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablabalab
alabalkbakbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablabalabalabalkbakb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</article>
</section>
<footer>
<div id="adresse">
<h1>Nous trouver</h1>
<p>81 rue des citronniers<br>
33000 Bordeaux<br>
05-56-58-95-78</p>
<p>Nous écrire</a></p>
</div>
<div id="villes-tournée">
<h1>La tournée</h1>
<p>Dates et villes</p>
<p>Bordeaux 5,6,7 Février 2018</p>
<p>Paris 10,11,12,13,14 Février 2018</p>
</div>
</footer>
</div>
</body>
là il est de base, sans le script mais tout ça été bien installé je confirme! mais je vois plus comment faire... je précise c'est une seule même page
![[[sticker:p/1lgd]]](https://image.jeuxvideo.com/stickers/p/st/1lgd)
