Scroll indicator
Une action toute simple pour afficher la position dans la page à l'aide d'un cercle autour du curseur.
Elle est basée sur un script de ig_design adapté pour UP
 

🆙 scroll_indicator : Affiche la position dans la page dans un cercle autour du curseur

Cliquer pour lire la documentation

syntaxe {up scroll-indicator}
@version: UP-2.9 @author: Lomart @license: GNU/GPLv3 @credit: script de ig_design @tags: editor
  • scroll_indicator: aucun argument
  • bg-color: couleur de base du cercle (rgba() ou #RRGGBBAA )
  • color: couleur du segment indicateur (rgba() ou #RRGGBBAA )
  • size: largeur du segment indicateur (1 à 100)

Style CSS

  • id: Identifiant
  • css-head (base-css): style ajouté dans le HEAD de la page

Un unique exemple

Observez le cercle autour du curseur de la souris. Il change de couleur en fonction de la position dans la page.
Il est (naturellement) impossible d'avoir plusieurs fois cette action sur une page.

Le shortcode pour la démonstration sur cette page est :

{up scroll-indicator | bg-color= #33669944 | color=#FF0000AA | size=6}

Les 3 seules options sont facultatives.

bg-color est la couleur de base du cercle. Sa valeur par défaut est  rgba(255,255,255,0.2). Toutes les méthodes pour indiquer une couleur sont autorisées.

color est la couleur du segment de cercle indiquant la position dans la page (#4444 par défaut) et size son épaisseur en pixels (4 par défaut)

Pour color, je vous conseille de mettre une transparence avec une valeur rgba ou un code hexa avec canal alpha. Size peut être compris entre 1 et 100.

Pour les besoins de la démo, l'action lorem nous fournit du faux texte pour remplir la page :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eadem nunc mea adversum te oratio est. Ita relinquet duas, de quibus etiam atque etiam consideret. Cum id fugiunt, re eadem defendunt, quae Peripatetici, verba. Quamquam id quidem licebit iis existimare, qui legerint.

Primum cur ista res digna odio est, nisi quod est turpis? Rationis enim perfectio est virtus; Illum mallem levares, quo optimum atque humanissimum virum, Cn. Recte, inquit, intellegis. Num igitur eum postea censes anxio animo aut sollicito fuisse? Verum hoc idem saepe faciamus. Maximus dolor, inquit, brevis est. Consequentia exquirere, quoad sit id, quod volumus, effectum. Quonam, inquit, modo?

Zenonis est, inquam, hoc Stoici. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Quod cum dixissent, ille contra. Sin est etiam corpus, ista explanatio naturae nempe hoc effecerit, ut ea, quae ante explanationem tenebamus, relinquamus. Utrum igitur tibi litteram videor an totas paginas commovere? Quae sequuntur igitur? Summus dolor plures dies manere non potest?

Sequitur disserendi ratio cognitioque naturae; Hinc ceteri particulas arripere conati suam quisque videro voluit afferre sententiam. Non est ista, inquam, Piso, magna dissensio. De vacuitate doloris eadem sententia erit.

Si longus, levis; Id mihi magnum videtur. Non semper, inquam; Tubulum fuisse, qua illum, cuius is condemnatus est rogatione, P.

Ut in geometria, prima si dederis, danda sunt omnia. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Stoici autem, quod finem bonorum in una virtute ponunt, similes sunt illorum; Sin autem ad animum, falsum est, quod negas animi ullum esse gaudium, quod non referatur ad corpus. Negare non possum.

  • Respondent extrema primis, media utrisque, omnia omnibus.
  • Quis, quaeso, illum negat et bonum virum et comem et humanum fuisse?
  • Nihil enim iam habes, quod ad corpus referas;
  • Haec bene dicuntur, nec ego repugno, sed inter sese ipsa pugnant.
  • Bork
  • Ut in geometria, prima si dederis, danda sunt omnia.

Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas? Non potes ergo ista tueri, Torquate, mihi crede, si te ipse et tuas cogitationes et studia perspexeris; Itaque his sapiens semper vacabit. Quod autem in homine praestantissimum atque optimum est, id deseruit. Quibusnam praeteritis? Ut scias me intellegere, primum idem esse dico voluptatem, quod ille don.

Inquit, dasne adolescenti veniam? Qui autem esse poteris, nisi te amor ipse ceperit? Duo Reges: constructio interrete. De ingenio eius in his disputationibus, non de moribus quaeritur. Primum divisit ineleganter; Bork An vero displicuit ea, quae tributa est animi virtutibus tanta praestantia? Iam enim adesse poterit.

Aliter enim explicari, quod quaeritur, non potest. Ait enim se, si uratur, Quam hoc suave! dicturum.

  • Negat enim summo bono afferre incrementum diem.
  • Quae hic rei publicae vulnera inponebat, eadem ille sanabat.

Vide, quantum, inquam, fallare, Torquate. Si qua in iis corrigere voluit, deteriora fecit. Res enim concurrent contrariae. Non enim quaero quid verum, sed quid cuique dicendum sit. Quem si tenueris, non modo meum Ciceronem, sed etiam me ipsum abducas licebit. Non est ista, inquam, Piso, magna dissensio. Eademne, quae restincta siti? Tibi hoc incredibile, quod beatissimum.

 

Pour info, cette page utilise 6 action(s) :
box (1) upactionslist (1) scroll-indicator (1) div (1) lorem (1) jcontent-info (1)