PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WEBDEV 23 → 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
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,
Membre enregistré
47 messages
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
Posté le 20 mars 2017 - 10:09
Merci pour ta réponse je vais essayer.

A+
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+