Comment fixer une position jusqu'à un certain point lors d'un scroll ?

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Comment fixer une position jusqu'à un certain point lors d'un scroll ?

    Bonjour,
    Je souhaiterai savoir comment vous feriez pour qu'une position "fixed" glisse lors du scroll mais après un certain point seulement ?

    J'utilise position:fixed

    Code HTML:
    <p style="text-align: center; margin-bottom: 100px;
    position: fixed; bottom: 250px;
    right: 0px; background: #fff; margin: 10px; padding: 10px; border-radius: 3px; box-shadow: 0 1px 4px 0; color: #000000; font-size: 20px; line-height: 1; z-index: 99999;"><a href="index.php?option=com_content&view=article&id=288&Itemid=1044">Demande d'informations</a></p>
    Ainsi, le bouton bien entendu reste présent tout le temps.

    Si par exemple je souhaite le faire glisser avec le scroll dès que l'on atteint par exemple 80% de la page.

    J'ai pensé à position:sticky bottom:xxx px; mais cela ne fonctionne pas.

    Comment feriez-vous ?

    Cordialement.

    Eric
    Dernière édition par Agrepe à 23/07/2020, 17h18

  • #2
    Il faut genre 1 ou 2 lignes de javascript.
    Ou une extension genre celle de popup de tassos.gr
    Agrepe aime ceci.
    Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

    Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

    Commentaire


    • #3
      Bonjour,
      Vous voulez parler de Engage Box ?
      Si c'est cela je l'utilisais avant, mais je ne vois pas trop comment.

      Je vais chercher un script.et soi développer un module ou utiliser LM Custom

      Merci beaucoup pour vos réponses.

      Cordialement.
      Eric

      Commentaire


      • #4
        Bonsoir,

        J'ai trouvé quelque chose qui pourrait correspondre à ce que je veux faire, https://www.cssscript.com/demo/fix-bare-bone-affix/

        Téléchargement : https://www.cssscript.com/fix-bare-bone-affix/

        Toutefois, si je comprends bien, il faut un conteneur parent, qu'est ce qu'est le conteneur parent ?

        Pour ma part, le module est assigné à plusieurs liens de menus.

        Cordialement.

        Commentaire


        • #5
          Bonsoir Eric,

          Regarde du côté des plugins scroll-to-top (https://www.joomlack.fr/en/joomla-ex...s/scroll-to-ck)
          ou https://www.jqueryscript.net/animati...op-button.html
          Agrepe aime ceci.
          UP, le plugin universel à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            Bonjour,
            si je comprends bien.. ce plugin marche très bien https://extensions.joomla.org/extension/fixed-n-sticky/
            Agrepe aime ceci.

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X