Discussion :

[Lebreton35]

Bonjour à tous, j'ai créé une ancre (scroll en javascript) censé atteindre l'ID d'un titre, et j'aimerais que l'ancre s'arrête sur le titre avec précision (s'arrête bien trop en bas), je crois savoir qu'il faudrait que je calcule par rapport à la zone de l'écran l'endroit que l'ancre devrait 'viser'?

voici le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 $( "a.scrollLink" ).click(function( event ) {
			event.preventDefault();
        $("html, body").animate({scrollTop: $("#morefulltext").offset().top }, 400);
		});

[Invité]

Bonjour,

Sans le code HTML, on ne peut rien dire.

[Lebreton35]

oui excusez-moi:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="grid-row">
					<div id="morefulltext" class="grid-col-12 term--seo">			
						<?php echo $seo_bas; ?>	
					</div>
				</div>

[Invité]

Et le code du lien ??


Apprends à donner les informations utiles et nécessaires !

[Lebreton35]

Justement, je n'ai pas mis de CSS pour le html, mais je vais me débrouiller, je souhaitais simplement avoir une piste. merci de votre volonté d'aider, bonne journée

[Lebreton35]

Bon j'ai finalement pu trouver, il faut simplement rajouter un chiffre correspondant aux pixels de l'écran (pour mon cas j'ai rajouté -150), en paramètre derrière .top (en gras)! sans css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$( "a.scrollLink" ).click(function( event ) {
                        event.preventDefault();
        $("html, body").animate({scrollTop: $("#morefulltext").offset().top -150}, 400);
                });