PC SOFT

FORUMS PROFESSIONNELS
WINDEV, WEBDEV et WINDEV Mobile

Accueil  |  Messages récents  | Connexion  |   | Français  FR
Accueil → WEBDEV 2024 → Comment se positionner dans une page avec une animation lent
Comment se positionner dans une page avec une animation lent
Débuté par Cuacococo, 18 mar. 2017 13:26 - 3 réponses
#1
Posté le 18 mars 2017 - 13:26
Bonjour,

Je suis en train de faire un site de type "one page" et je recherche à avoir un effet de scrolling pour acceder au differente zone de ma page. J'ai bien trouvé dans un exemple Webdev 22 comment faire avec du Javascript mais, ça ne fonctionne pas sur mon site. Dans exemple, le code est appliqué sur un page statique. Faut il que la page de mon site le soit aussi ? Y a t'il des choses particulière à faire ?

Un coup de pouce serait le bien venu.

Par avance, merci.

Cordialement,
#2
Membre enregistré
127 messages
Popularité : +4 (6 votes)
Posté le 19 mars 2017 - 10:12
Selon mon humble expérience, il faut le faire en javascript

en Webdev, dans deux procédures navigateur, tu les transforment en JS

Tu ajoute ces deux fonctions

function scrollAPosi(Depart, AliasID) { // Alias est l'objet générer par webdev du genre A1,A8 etc

window.scroll(Depart,TrouveElement(document.getElementById(AliasID)));
}

function TrouveElement(obj) {
var curtop = 0;
if (obj.offsetParent) {
do {
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curtop];
}
}

Maintenant dans webdev dans les procédures navigateur tu appel de cette fonction dans l'événement d'un bouton.

scrollAPosi(0,IMG_Cadre..Alias)
Message modifié, 19 mars 2017 - 10:13
#3
Posté le 20 mars 2017 - 10:09
Merci pour ta réponse je vais essayer.

A+
#4
Posté le 20 mars 2017 - 10:23
Bonjour,

Je viens d'essayer mais rien de se passe, c'est vraiment bizarre. Faut-il activer quelque chose avant d'utiliser du JS ?

A+
→ Revenir à WEBDEV 2024