Comment faire déplacer un objet bouton pour qu'il suive le déroulement mobile
Auteur : D. M-y-dut
Visité 1187,
Followers 1,
Partagé 0
Bonjour
comment faire déplacer un objet bouton pour qu'il suive le déroulement des pages sur le mobile
puisque nous ne pouvons pas le faire avec la barre sticky, je parle des smartphones
Merci
Posté le
Salut Mydut,
Bouton spécifique sur une page ? Sinon le Menu classique peut s'afficher en Menu Hamburger sur les petites résolutions.
A toutes fins utiles, tu as regardé du côté des Paramètres adaptatifs ?
Discussion ici : https://helpcenter.websitex5.com/fr/post/246107
@Suivre,
J.P.
Hello,
Tu peux, avec un script, venir ajouter une image (ton bouton) qui apparaitra à droite après un léger mouvement de l'ascenseur (ici, l'équivalent de 50 pixels par rapport au top) et poser un lien dessus.
Lien : gras 1
Fichier image et emplacement : gras 2
Début du processus par rapport au top : gras 3
<script type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>
<script>
_jq(function() {
var elem = '<img onclick="window.location.href=\'devis-web.php\'" id="IcmScrollToTop" alt="Poser une question" style="cursor:pointer;position:fixed;top:150px;right:0px;display:none;z-index:102" src="images/e-mage-concept-webdesign-infographiste-creation-de-site-internet-question.jpg" />';
_jq("body").append(elem);
_jq(window).scroll(function () {
if (_jq(window).scrollTop() > 100) {
_jq('#IcmScrollToTop').fadeIn();
} else if (_jq(window).scrollTop() < 50) {
_jq('#IcmScrollToTop').fadeOut();
}
});
});
</script>
Exemple visible ici : https://www.e-mage-concept.be/ --> L'image ' Une question + numéro de tél. '
JJ
(It > Fr) ... cela peut être très simple et de diverses manières; ... par exemple vous pouvez utiliser un objet texte étendu sur toute la largeur de l'HEADER, et dans cet objet texte insérer le texte ou une image justifiée / centrée...
... ou bien vous pouvez également le conditionner avec un simple code CSS EXTRA ...
... cependant, il serait toujours préférable de poster le LIEN du vrai test en ligne, pour éviter les suppositions aléatoires...
.
ciao
.
Auteur
Bonsoir
je vous remercie pour les réponses, le problème est surtout sur les smartphones j'ai des pages qui défilent et il faut bien incorporer le contact.
je vais m'inspirer de E.mage
cdlt