Flèche "retour vers le haut" mal configurée
Résolu
cevek
Messages postés
45
Date d'inscription
Statut
Membre
Dernière intervention
-
cevek Messages postés 45 Date d'inscription Statut Membre Dernière intervention -
cevek Messages postés 45 Date d'inscription Statut Membre Dernière intervention -
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,
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,
A voir également:
- Flèche "retour vers le haut" mal configurée
- Retour à la ligne excel formule - Guide
- La flèche de ma souris ne bouge plus ✓ - Forum souris / Touchpad
- Comment remettre le son haut-parleur ? - Guide
- Flèche vers le bas clavier ✓ - Forum Clavier
- Windows 7 vers windows 10 - Accueil - Mise à jour
3 réponses
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
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"...
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"...
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 !
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 !
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^^.
Merci !
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 ^^)