BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Menu flottant
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Menu flottant

 Répondre Répondre Page  <123>
Auteur
Message
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 08 Jan 2019 à 21:16
Merci de votre réponse,

Je ne comprends pas pourquoi j'ai un doublon sur le test02.
J'ai procédé comme suit :
test01 : j'ai inclus un panneau d'éléments "barremenu". J'ai appliqué votre code dans un bloc de code en Javascrit Endbody.
Cette page n'a pas de calque.
Pour test02 (qui est une autre page) je n'ai pas copié ce code, j'ai appliqué un calque et dans ce calque, j'ai inséré le code en question ; mais je ne l'ai pas inclus deux fois, enfin pas à ma connaissance.
L'Album avec les trois options.
Haut de la page
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 08 Jan 2019 à 22:57
J'ai vu mon erreur.
J'ai rectifié et cela fonctionne.

Merci mille fois.
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Jan 2019 à 14:50
Il m'est venu l'idée que vous pourriez mettre en transparence partielle votre menu au lieu de l'escamoter complètement.

Vous pourriez utiliser le code suivant:

Javascript

var position = $(window).scrollTop(); 
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if(scroll > position) {
$('.barremenu').css('opacity',.3);;
} else {
$('.barremenu').css('opacity',1);
}
position = scroll;
});

CSS

.barremenu{
transition: all .5s;
}



Edité par Hobby001 - 09 Jan 2019 à 14:52
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Jan 2019 à 14:56
Un exemple ICI disponible pour quelques jours seulement

Edité par Hobby001 - 09 Jan 2019 à 14:57
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Jan 2019 à 15:21
Y a aussi moyen de faire comme ceci : http://sensode.ovh/SENSMALTE/
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Jan 2019 à 15:33
Message posté par brolysan brolysan a écrit:

Y a aussi moyen de faire comme ceci : http://sensode.ovh/SENSMALTE/


Intéressant!
Haut de la page
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Jan 2019 à 19:17
Merci Hobby, j'aime bien l'idée de mettre en transparence partielle le menu ; je suppose que le chiffre 3 correspond au degré d'opacité.
Je pense que je vais l'adopter. L'option de Brolysan pourrait difficilement me concerner, vu le nombre de pages différentes de mon site.
Puisque nous en sommes là, j'ai appliqué le script sur un de mes calques que j'applique sur deux types de pages différentes :
C'est pourtant le même calque qui est utilisé ; en revanche, ce sont deux types de pages différents.
Ceci explique peut-être cela.


Haut de la page
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Jan 2019 à 19:19
J'ai inversé les deux pages : la première ne fonctionne pas, la seconde si.
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Jan 2019 à 20:20
En fait, sur cette page, il n'y a pas de scroll d'exécuté sur la page elle-même mais plutôt à l'intérieur du document pdf.

La fonction $(window).scroll détecte le scroll de la page.

Vous devez donc avoir une page plus grande que le document pdf pour que ça fonctionne.

Je communique avec vous en MP pour la suite.
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 10 Jan 2019 à 20:02
Je n'ai pas pu trouver de façon de calculer la longueur d'un document pdf avec js ou jQuery donc il ne m'est pas possible de déterminer la longueur de fenêtre requise pour afficher le document au complet sur la page.

L'affichage d'un pdf semble prendre la hauteur de l'élément parent ou au maximum de la fenêtre.  Le scroll s'exécute alors à l'intérieur du pdf.

À moins que quelqu'un ne propose une méthode de calcul efficace, vous devrez imposer une hauteur arbitraire plus grande que le document pdf à votre iframe sans quoi il n'y aura pas de scroll sur la fenêtre $(window).





Edité par Hobby001 - 10 Jan 2019 à 20:04
Haut de la page
 Répondre Répondre Page  <123>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.096 secondes.