Joomla.it Forum
Joomla! 3 => Joomla! 3 => : giuxmian 21 Sep 2017, 10:54:27
-
Buongiorno a tutti,
all'inizio di un articolo ho inserito un modulo personalizzato, precedentemente creato, utilizzando la sintassi {module [xxx]} dove xxx è l'id del modulo.
Quando apro l'articolo la prima cosa che vedo in alto è il modulo caricato.
Volevo chiedere se esistesse una estensione/componente/plugin o una soluzione che mi permettesse di tenere bloccato il modulo inserito mentre l'utente scorre verso il basso il testo dell'articolo.
Spero di aver spiegato al meglio la mia richiesta.
Grazie in anticipo
-
Qui non si parla di un modulo, ma di un menù, ma penso che adattando al tuo caso le istruzioni si riesca a fare lo stesso:
http://www.joomla.it/e-ancora/articoli-community-3x/8298-bloccare-il-main-menu-in-alto-allo-scroll-della-pagina.html
-
Grazie per la risposta.
Guardo il link che mi hai indicato e ti faccio sapere. :)
-
Ciao marine,
ho guardato il link ma, verificando la mia situazione, avrei bisogno di qualcosa di diverso.
Avrei bisogno di creare un menu ad hoc composto da quattro voci (a cui sono i collegati rispettivamente quattro articoli) che possa inserire all'interno dell'articolo tramite codice (come ho fatto con il modulo) e che, eventualmente ma non è strettamente necessario, si possa tenere bloccato quando il visitatore scorre verso il basso il testo.
La cosa importante per me sarebbe l'inserimento del menu all'interno dell'articolo.
Grazie anticipatamente.
-
Prova a vedere se questo fa per te:
https://extensions.joomla.org/extension/modules-anywhere/
-
ho guardato il link ma, verificando la mia situazione, avrei bisogno di qualcosa di diverso.
... e che, eventualmente ma non è strettamente necessario, si possa tenere bloccato quando il visitatore scorre verso il basso il testo.
C'è una interessante regola css che fa esattamente l'effetto che cerchi: blocca un tag html mentre si scorre verso il basso.
E' relativamente nuova, forse implementata nei browser dopo il successo di affix.js.
Molto comoda, no bootstrap.js, no affix.js, no jquery.is. Solo css, il massimo della leggerezza.
Si chiama position: sticky; e va accompagnata da un top; qualcosapx;
Ti metto un frammento html che dovrebbe illustrare l'effetto di stile.
<!DOCTYPE html>
<!--
Riferimento: https://developer.mozilla.org/en-US/docs/Web/CSS/position#Sticky_positioning
-->
<html>
<head>
<title>frammento sticky</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>p{padding:10px;}</style>
</head>
<body>
<p></p>
<div style="max-width: 500px; margin: auto; max-height: 180px; border: 1px solid; overflow: auto;">
<div style="position: sticky; position: -webkit-sticky; top: 0px; background-color: yellow;">
<h2 > Titolo Art. 1</h2>
<>
<div>
<p>Contenuto:</p>
<p>par1</p>
<p>par2</p>
<p>par3</p>
<p>par4</p>
<p>par5</p>
<>
<>
</body>
</html>
Usare la regola css dentro un articolo Joomla è facilissimo.
Ciao!
-
Figata pazzesca! Grazie della dritta Alex21!
-
Grazie del suggerimento, ora lo cerco e lo provo!! :)
-
Non ho capito dove devo inserire questo codice ???
-
Figata pazzesca! Grazie della dritta Alex21!
Ehh, anche i Mozilla sono instancabili. Si trova spesso qualcosa di nuovo. ;)
Ciao!
-
Non ho capito dove devo inserire questo codice ???
Nell' articolo joomla apri la finestra dell' Html.
Individui il blocco che vuoi far scorrere fino ad un certo punto.
Gli dai lo stile.
Salvi e controlli se la cosa funziona.
Finito, non c'è altro.
Ciao!