Sujet Précédent Sujet Suivant

Flèche "retour vers le haut" mal configurée

Résolu/Fermé
cevek Messages postés 45 Date d'inscription mercredi 9 juillet 2014 Statut Membre Dernière intervention 8 décembre 2018 - 22 juil. 2014 à 19:10
cevek Messages postés 45 Date d'inscription mercredi 9 juillet 2014 Statut Membre Dernière intervention 8 décembre 2018 - 23 juil. 2014 à 17:43
Bien le bonsoir Messieurs Dames,

Je suis en train de coder mon site et je suis coincée sur une problématique.
J'ai une flèche de retour " haut de page ".

Le problème étant que mon bandeau est fixe et que la flèche s'est positionnée en référence à celui ci.
Si bien que quand je scroll ma page vers le bas, le bandeau reste fixe et si je clique sur la flèche, je reviens sur le positionnement du bandeau mais mon wrap reste scrollé vers le bass... (ce qui est d'ailleurs très embêtant quand je vais en page deux, je reste à la même position, j'imagine qu'il doit y avoir un code magique Jquery pour ça...)

Je ne sais pas si j'ai été très claire.

Voici mon site : http://art.cevek.fr/
Avec le visuel vous comprendrez mieux...



Et Voici mon code pour la flèche (entre <head></head>)

document.write('<div id="hp" style="position:fixed; z-index:5000; bottom:5%; right:10%; display:none;"><a href="javascript:;" onclick="retourHaut();"><img src="http://www.clipart-fr.com/data/clipart/fleches/fleche_0047.gif" alt="Haut de Page" width="40px" height="40px" /></a></div>');
function retourHaut() {
if (navigator.appName == "Microsoft Internet Explorer"){
var scroll = document.documentElement.scrollTop;
}
else {
var scroll = window.pageYOffset;
}
for (var i = 0; i < scroll; i++){
scrollBy(0,-35);
}}
function scrollingDetector(){
if (navigator.appName == "Microsoft Internet Explorer"){
var position=document.documentElement.scrollTop;
}
else {
var position = window.pageYOffset;
}
if (position >= 250) {
document.getElementById('hp').style.display = "block";
}
else {
document.getElementById('hp').style.display = "none";
}}
setInterval("scrollingDetector()", 250);




Merci mille fois de votre aide !
Je vous souhaite une agréable soirée,

3 réponses

Réponse 1 / 3
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
22 juil. 2014 à 20:08
quand je vais sur ta page la fleche et en bas de ta page et aucun bandeau reste il me sufit de cliquer dessus pour remonter donc je vois pas le probleme
0
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
22 juil. 2014 à 20:12
votre site est aussi tres bizarre il s'etale en largeur et oblige le scroll vers la droite rajouter une fleche dans ce sens aussi.
Tout en bas et sur le cote extreme droit ontrouve deux bandeau de 10px de largeur qui ressemble a des barres de scrolling mais qui ne le sont pas. C'est moche enlever les svp^^.
0
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
22 juil. 2014 à 20:14
Ah oui rajouter une icone pour votre onglet car la page blanche cornée de base est pas super belle
0
cevek Messages postés 45 Date d'inscription mercredi 9 juillet 2014 Statut Membre Dernière intervention 8 décembre 2018
22 juil. 2014 à 21:11
Merci pour tous ces conseils, je vais essayer de les résoudre (je suis débutante) par contre je ne sais pas comment changer cette icône de l'onglet... Vous pouvez m'expliquer ?
Merci !
0
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
Modifié par mr_demonicon le 22/07/2014 à 21:50
pour l'image sur l'onglet rajouter cela entre les balise <head> </head> 
<link rel="shortcut icon" href="favicon.ico">
ou favicon.ico sera une petite image generaleent de 32px² qui s'affichera a cote du nom de votre site dans les favoris et les onglets.
Bonne continuation (tout le monde est debutant dans quelque chose même moi ^^)
0
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
22 juil. 2014 à 22:16
tiens pour creer ton favicon https://www.favicon.cc/
0
Réponse 2 / 3
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
22 juil. 2014 à 22:28
Salut,
On parle bien de http://art.cevek.fr/# ?
Possible que ma vue baisse, mais quand je vais sur ton site, rien ne se passe comme tu le décris :
- le bandeau (à mon goût beaucoup trop important en dimension par rapport à la page) se déplace avec le reste de la page quand je la fais défiler;
- il n'y a pas de flèche "Retour vers le haut"...
0
Réponse 3 / 3
cevek Messages postés 45 Date d'inscription mercredi 9 juillet 2014 Statut Membre Dernière intervention 8 décembre 2018
22 juil. 2014 à 22:45
Merci beaucoup,
Mais du coup, vous avez du regardé juste quand j'ai enfin résolu mon problème !
La flèche "retour vers le haut" à disparu quand j'ai caché la barre de scroll horizontale (overflow-x: hidden)
C'est à n'y rien comprendre... mais du coup je vais voir comment régler tout ça...
Pour la taille du bandeau, c'est dans la liste de ce que je dois modifier :-)... et elle est super longue ! :-P
Merci en tous cas pour les conseils !
Bonne soirée !
0

Discussions similaires

Colis en cours de transport vers votre site de livraison ?
Ninan_5568 -
senda -

8 réponses
Comment créer une flèche dans Indesign 5.5
choumby -
lala -

13 réponses
Flèche allumé clavier
Crevette85 -
Jacotte -

22 réponses
Retour à la ligne tchat.
sartorius1108 -
momolapince -

5 réponses
Pourquoi mes flèches de clavier ne fonctionnent pas sur Excel ?
faissalc -
Anonym -

44 réponses