BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Web Café > Code (JS, PHP, CSS etc.), techniques etc.
  Nouveaux messages Nouveaux messages Fil RSS  - script scroll vers une ancre interne
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

script scroll vers une ancre interne

 Répondre Répondre
Auteur
Message
RAY22 allez vers le bas
Newbie
Newbie


Depuis le: 28 Nov 2016
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer RAY22 Citer  RépondreRéponse Lien Direct à ce Post Sujet: script scroll vers une ancre interne
    Envoyé : 06 Avr 2017 à 11:06
Bonjour,

j'ai un script en Jquery pour scroller vers une ancre interne mais qui ne marche pas. Rien ne se produit quand je click sur l'élément

$('a[href^="#WE9b3ac8257"]').click(function(){  
    var id = $(this).attr("href");
    var offset = $(id).offset().top 
    $('html, body').animate({scrollTop: offset}, 'slow'); 
    return false;  
}); 

faut il transformer ce script en javascript ????

Quelqu'un pourrait m'aider ?

Merci
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2017 à 11:41
jQuery est du javascript (c'est une librairie complémentaire). Il faut donc que ce script soit effectivement en javascript.

2- Sinon, il existe un élément bouton complémentaire (Bouton ScrollTo) qui s'intègre dans OE pour ajouter cette fonctionnalité de scroller vers n'importe quel élément de la page

3- ce script ne fonctionnera qu'avec un lien, pas un autre élément (a)

4- il vaudrait mieux le simplifier de la manière suivante :
$('#IDOBJECT]').click(function(){  
    var offset = $('#IDDESTINATION').offset().top 
    $('html, body').animate({scrollTop: offset}, 'slow'); 
    return false;  
});

pour modifier précisément l'ID de l'élément qui doit déclencher le scroll et l'id de l'élément de destination



Edité par Larsene - 06 Avr 2017 à 11:55
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2017 à 14:13
5 - Si vous donnez le lien ce sera plus facile a vous aider

6 - Dans OE il y a l'element Ancre nommé, et on peut parametrer n'importe quel element-lien pour aller vers cet ancre (a noter - les ancres OE marchent a l'ancien par l'attribut "name" et non par les IDs). Si vous voulez un defilement animé, il y a l'element supplementaire inclut dans SensBlack et SensWhite que vous pouvez recuperer pour votre projet, qui donne cet effet.
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.