Produits Entr'ouvert » Combo

Je propose une syntaxe du type

new Combo_scrollY({
limit: 250 // int, default 0,
below: function(){}, // callback below function
above: function(){} // callback above function
});

Et donc le code d'ajout de class CSS au body :

  /* add a scrolled class to body once the user scrolled the page a bit */
  var body_is_scrolled = new Combo_scrollY({
    above: function(){
      $('body').removeClass('scrolled');
    },
    below: function(){
      $('body').addClass('scrolled');
    }
  });

Combo_ est en majuscule car j'utilise la function comme constructeur que j'instancie avec l'opérateur `new`.

C'est par convention que l'on met une majuscule aux constructeurs, pour les différencier des fonctions.

L'idée étant de pouvoir setter les valeurs appliqués facilement

Exemple avec le code pour un composant back-top

    var backTop_scroll_Y = new Combo_scroll_Y({
        limit: 200,
        below: function(){
            backTop.classList.add('below-scroll-limit');
        },
        above: function(){
            backTop.classList.remove('below-scroll-limit');
        }
     });

Si pour un thème, la limit de 200 doit être modifiée, c'est alors possible par.

  backTop_scroll_Y.options.limit = 800;

et idem pour les callbacks.

Mais autant aller au bout du pattern constructor et de passer en prototype les fonctions communes.
Update du patch

→ ComboScrollY

Done.
J'ai également ajouté un trigger des callbacks au chargement de la function init.

commit 94bd9c092993e9ed24b90dd8b9809eebed27b344
Author: Thomas JUND <tjund@entrouvert.com>
Date:   Sat Jul 11 12:48:56 2020 +0200

    js: introduce ComboScrollY global function (#45040)

    Launch callbacks when page scroll below or above a limit