Bonsoir à tous,
J'ai sur une "page Scrollto" un lien non actif; et pour cause, la cible ne se trouve pas dans la balise "container" comme l'exige le JQuery.
Pour des raisons de "mise en page", la cible se trouve/doit se trouver dans le header.
Quelqu'un a t'il l'idée d'un script afin que le lien :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<section class="btn center"><a href="#video">
<button class="btn btn-1 btn-1a">enter</button></a>
</section></div>
accède à la div suivante :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<div id="video"></div>
Voici le body au complet :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<audio autoplay>
<source src="audio/song.ogg" type="audio/ogg">
<source src="audio/song.mp3" type="audio/mp3">
</audio>
 
<div id="header">
   <div class="content">
    <ul class="bmenu">
      <li><a href="#section-un">About</a></li>
      <li><a href="#section-deux">Illustrations</a></li>
      <li><a href="#section-trois">Photography</a></li>
      <li><a href="#section-quatre">Web Design</a></li>
      <li><a href="#section-cinq">Personal Projects</a></li>
      <li><a href="#section-six">Contact</a></li>
    </ul></div>
 
<div id="video"></div>
 
<header class="headermobile mobile col-12">
  <button id="releaseMenu" ></button>
<nav class="menu menumobile">
  <a href="#section-deux" class="menubutton">Blue</a>
  <a href="#section-trois" class="menubutton">Blue</a>
  <a href="#section-quatre" class="menubutton">Blue</a>
  <a href="#section-cinq" class="menubutton">Blue</a>
  <a href="#section-six" class="menubutton">Blue</a>
  </nav>
    </div><!-- #content -->
</div><!-- #header -->
 
<div id="container">
 
<div id="section-un">
    <div class="menu" id="menu">
    <a href="#section-deux" class="menubutton">Green</a>
    <a href="#section-trois" class="menubutton">Blue</a>
    <a href="#section-quatre" class="menubutton">Blue</a>
    <a href="#section-cinq" class="menubutton">Blue</a>
    <a href="#section-six" class="menubutton">Blue</a>
</div>
 
<div id="section-deux"></div>
<div id="section-trois"></div>
<div id="section-quatre">
 
<section class="btn center"><a href="#video">
<button class="btn btn-1 btn-1a">intro</button></a>
</section></div>
 
</div>
Merci pour votre aide et bon week-end,
dh