Problème bouton Haut-Bas

[Law D kev]

Bonjour,

Je rencontre un problème avec mes boutons haut/bas situés en bas à droite de mon forum. Le bouton en haut m'envoie bien vers le haut mais celui du bas aussi au lien d'envoyer vers le bas :/
Et j'ai remarqué que cela ne se produisait uniquement sur Chrome et non sur Mozilla.

Comment pourrais-je résoudre ce problème ?

Autre question, au lien que les boutons nous envoient vers le haut ou le bas "d'un seul coup", comment faire pour que cela se passe progressivement (comme si on descendait ou on montait le forum manuellement mais assez rapide) ?

Merci !

[Scipion]

Bonsoir

Pouvez-vous mettre à disposition le code de vos boutons Haut et Bas afin que je puisse effectuer un test, merci ?

Cordialement

[Law D kev]

Voici:

Code:

<div id="navigation_up_down_23270"><noscript>Javascript est desactivé - <a href="http://www.supportduweb.com/">Support du web</a> - <a href="http://www.supportduweb.com/generateur-boutons-navigation-haut-bas-scroll-defilement-racourcis-page-monter-descendre-up-down.html">Generateur boutons de navigateur html</a></noscript><script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script></div>

[mambo54321]

Va dans le template 'overall_footer_end'
Juste par dessut </body> Mets:

Code:

<a name="bas"/>

Ensuite Utilise ce code pour tes flêches:

Code:

<style>
.hautbas {
  position: fixed;
  bottom: 1px;
  right: 1px;
}
</style>

<div id="hautbas" class="hautbas">
<a href="#haut">Ici la flêche pour monter</a><br>
<a href="#bas">ici la flêche pour descendre</a>
</div>

J'aurais voulut mêttre les images aussi mais la j'ai remarquer que toutes les flêches font parti d'une image. Très sérieusement, j'ignore comment ta fait.

[Law D kev]

Le problème est que comme je suis en phpbb3, je ne peux pas accéder aux templates :/

[Scipion]

Bonjour

J'ai retourné le code dans tous les sens mais rien à faire, votre code ainsi que d'autres du même type ne fonctionnent que partiellement. Il se pourrait qu'il y ait une incompatibilité avec la fonctionnalité 'Page up" de Google Chrome, ça reste à vérifier.

En attendant une solution finale, je vous suggère d'utiliser les boutons proposés par FA : Ajouter des boutons "Haut / Bas"

Il est également possible de réduire la taille des images si vous le souhaitez.

Cordialement

[Law D kev]

J'ai réussi à mettre le code. Mais les boutons sont côtes à côtes... comment faire pour les mettre l'un au dessus de l'autres ?

Bonjour,
Autre question, au lien que les boutons nous envoient vers le haut ou le bas "d'un seul coup", comment faire pour que cela se passe progressivement (comme si on descendait ou on montait le forum manuellement mais assez rapide) ?

Cela est-il possible ?

Merci !

[Scipion]

Avec le code CSS donné par le tutoriel, les images ne peuvent pas être placées l'une au dessus de l'autre. Les seules modifications possibles pour les deux (2) images sont les suivantes :

- déplacer vers la droite (right: 1px;)
- déplacer vers le bas ( bottom: 10px;)

Pour économiser d'avantage l'espace alloué à l'affichage, vous pouvez également réduire les dimensions actuelles de chaque image, de (30x30)px à (25x25)px, en allant dans le code javascript :

Bouton haut : https://i.servimg.com/u/f78/16/20/81/12/sort_u10.png
Bouton bas : https://i.servimg.com/u/f78/16/20/81/12/sort_d10.png

Pour votre deuxième question relative à la vitesse de déplacement, ça devrait être possible à faire mais avec un autre code que je n'ai pas encore croisé.

Cordialement

[Law D kev]

Merci, j'ai modifié bottom et right et maintenant ça me va ^^

Sinon je vais attendre que quelqu'un passe sur le sujet pour ma seconde question, avec la vitesse de déplacement.

Merci !

[Law D kev]

Up !

[Law D kev]

Up !

[Law D kev]

Up !

[Gorgebvsh]

Bonjour, essayez ce code ci:

Code:

$(function () {
    $("body").append('<div class="bouhautbas"><a href="#top" onclick="$(\'html,body\').animate({scrollTop: 0}, 500);"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Aller en haut" /></a><a href="#bottom" onclick="$(\'html,body\').animate({scrollTop: $(document).height()}, 500);"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png" alt="Aller en bas" /></a></div>');
});

la vitesse est réglable en changeant le 500, si la page remonte toujours d'un coup il faudra supprimer les ancres en remplaçant "#top" & "#bottom" par un simple "#"

Cordialement.

[Law D kev]

Merci beaucoup !