Galleria e Scorrimento Pagina 
Autore: Stefano L.
Visite 1278,
Followers 1,
Condiviso 0
Buongiorno,
in modalità smartphone, per evitare che scorrendo la pagina contenente una galleria, lo scorrimento della pagina non funzioni a dovere ho inserito il codice proposto da @KolAsim:
<style> @media (max-width: 719px) {#imObjectGallery_20_02:before { content:"";position:absolute;width:100%;height:100%;top:0px;z-index:10;opacity:0;}} </style>
Non ottengo il risultato voluto, nel senso che scorrendo la pagina dove è situato un oggetto galleria, lo scorrimento si blocca e invece scorrono le immagini della galleria...
potete verificare qui da smartphone
NOTA: è possibile risolvere questo problema mantenendo anche la funzionalità di scorrimento orizzontale delle immagini contenute nella galleria?
Grazie
Postato il
Autore
Mentre in questa pagina ottengo il risultato corretto dello scroll della pagina (che non si blocca sulla galleria) ma scorrendo sulla galleria orizzontalmente le immagini non scorrono e sono solamente in modalità scorrimento automatico...
Stefano, è una cosa fastidiosissima, poco moderna e confusionaria per chi naviga il sito. La stiamo segnalando da anni. Insistiamo con le segnalazioni e i Post Idea sperando che prima o poi qualcuno di Incomedia ci ascolti.
... ... devi usare il selettore corretto: >> #imObjectGallery_22_02
Autore
Ciao, si ho visto che go sbaglito selettore, se vai in COLLABORAZIONI ottengo il risultato del mio secondo post delle 13:07.05 e le imma nella galleria non scorrono orizzontalmente se non automaticamente....
... certamente, ...altrimenti il mio codice non avrebbe senso...
... il tutto potresti evitarlo semplicemente prevedendo un adeguato margine laterale...
... per chiuderla qui e fine a se stessa, ...per la pagina provatest/gallery.html volendo puoi prova quest'altra mia invenzione che crea un vignettatura per lo scroll della pagina, ma che lascia libera una certa area della sezione centrale e l'area delle miniature per il proprio scroll...
... lo hanno adottato, oltre al precedente codice, diversi utenti che lo hanno saputo capire e valutare...
<script> function innerK(){
$("#imCell_2").append("<div class='K' style='display:none;position:absolute;width:100%;height:20%;z-index:10;top:0px;'> </div><div class='K' style='position:absolute;width:100%;height:20%;z-index:10;bottom:100px;'> </div> <div class='K' style='position:absolute;width:20%;height:70%;z-index:10;left:0px;'> </div> <div class='K' style='position:absolute;width:20%;height:70%;z-index:10;right:0px;'> </div>"); }
$( window ).resize(function() {if($( window ).width() <=480 ) {$( ".K" ).show();}else{ $( ".K" ).hide();}});
$( document ).ready(function() { innerK(); if($( window ).width() <=480 ) {$( ".K" ).show();}else{ $( ".K" ).hide();}});
</script>
.
Kol io apprezzo molto le tue "invenzioni", spesso risolvono davvero tante inefficienze del software, ma una volta tanto vorrei una bella INVENZIONE di Incomedia che risolva una volta per tutte questa cosa
Il tuo codice/i l'ho provato/i anche io qualche mesetto fa ma purtroppo non rende comunque lo scorrimento intuitivo perchè se poggi il dito da una certo punto in poi le foto scorrono, da un altro punto in poi non scorrono. L'altro codice le fa scorrere solo se tale scorrimento è automatico. Se risolvesse Incomedia sarebbe cosa migliore per tutti e davvero tantissimo gradita dopo anni e anni e anni di richieste insistenti.
Autore
Ok, grazie ti farò sapere il mio parere!
Autore
Buonasera a tutti, ho optato per l'aumentando dei margini per aumentare la possibilità di scorrimento, anche perchè con l'utilizzo di questi codici non son riuscito ad utilizzare lo show box.
Attendiamo un implementazione futura a WS!
... infatti è quello che ovviamente ti avevo già detto...