Stile schede mobile touch disattivato
Author: Web Easy
Visited 733,
Followers 2,
Shared 0
Salve,
è possibile disattivare lo scorrimento manuale con il dito al passaggio della scheda successiva??
mi spiego meglio le schede a volte occupano una lunghezza maggiore dell'altezza del telefonino mobile verticale con il dito scorrendo verso il basso si blocca la pagina sulla scheda facendo solo scorrerle singolarmente e l'utente non può andare verso il footer
un esempio nel nostro nuovo progetto
http://beta.ipcert.it/ccent-online-esame-100-105.html
Grazie per le risposte
Posted on the
... prova con questa mia idea/escamotage, ...visto che non hai nel tab contenuti attivi...
... per quella pagina, al >> Passo_3 | Proprietà Pagina | Esperto | Codice personalizzato | 3^opzione: Prima della chiusura del TAG </HEAD> ... .. . .
... incollare questo codice:
<script> $( document ).ready(function() { $("#imCellStyle_24").append("<div style='position:absolute;width:100%;height:100%;z-index:2;top:0px;'> </div>");}); </script>
.
ciao
.
Author
KolAsim quando lo provo con lo smartphone non funziona
Author
In realtà funziona solo per la imCellStyle_24 ... allora ho pensato di riproporre il codice anche per le antre cell
<script> $( document ).ready(function() { $("#imCellStyle_9").append("<div style='position:absolute;width:100%;height:100%;z-index:2;top:0px;'> </div>");}); </script>
ma non funziona
... hai pensato giusto, ovviamente, ... ma! ... ...perchè dici che "non funziona"...!?...
... io vedo che nella tua pagina visitata da mini tablet (non ho smartphone!), il mio codice funziona correttamente......
... per unire nel codice tutti e 3 gli oggetti tab di quella pagina puoi semplificare il mio precedente codice, così:
<script> $( document ).ready(function() {
schermaturaK="<div style='position:absolute;width:100%;height:100%;z-index:2;top:0px;'> </div>";
$("#imCellStyle_9").append(schermaturaK);
$("#imCellStyle_24").append(schermaturaK);
$("#imCellStyle_31").append(schermaturaK);});
</script>
... ovviamente, tanto per ricordarlo, nei tab vengono ad invalidarsi eventuali contenuti attivi...
.
Author
no.. con lo smartphone non funziona con tablet si!!
... purtroppo non ho smartphone! ...ed ciò avverrebbe sia su Android che sui dispositivi risaputamente obsoleti...?... ...verificato con browser diversi da quelli forniti, da preferire Chrome...?...
... prova a sostituire il precedente codice con questo:
<script> $( document ).ready(function() {
schermaturaK="<div style='position:absolute;width:100%;height:100%;z-index:2;top:0px;background-color:yellow;opacity:0.5'> </div>";
$("#imCellStyle_9").append(schermaturaK);
$("#imCellStyle_24").append(schermaturaK);
$("#imCellStyle_31").append(schermaturaK);});
</script>
...!... fai sapere quando avrai pubblicato la modifica che andrò a vedere se qualcosa si possa dedurre...!...
.
Author
Ciaso KolAsim scusa il ritardo nella risposta ma non funziona ... credo che è il browser che decide di far scorrere con il dito le pagine delle schede ho questa impressione... correggetemi se sbaglio!!!
... sono andato a vedere adesso, ma non c'è niente del mio ultimo codice nel tuo LINK per poter eventualmente valutare ... ...(c'è solo il codice per la tabella elastica)...
... i campi di testo dovrebbero apparire con una schermatura trasparente rosa sovrapposta per provare...
.
ciao