Bloccare Scroll del mouse su Google Maps

guide, HTML, SEO, wordpress

No Comments

Disabilitare scroll mouse su Google Maps

Troppo spesso capita di scorrere in un sito ed incorrere in quel bruttissimo e fastidioso errore del mouse scroll su maps in un iframe

Come disabilitare lo scroll del mouse su Google Maps

Spesso ci capita di scorrere in un sito ed incorrere in quel bruttissimo errore del mouse scroll sulla mappa, per disabilitare questo effetto senza usare java che appesantisce il sito di seguito riporto un piccolo trucco (trick):

Disabilitare lo scrolling zoom in Google Maps iframe

Per disabilitare lo scroll al passaggio del mouse su un iframe di Google Maps bisogna intervenire in due punti:

il primo bisogna inserire una semplice riga di codice davanti al frame che in questo caso ha come dimensioni width=”100%” height=”480″
il secondo bisogna aggiungere alla fine del css la classe .overlay

Il codice è stato provato con successo su Html – WordPress – Joomla

HTML

1 2	<div class="overlay"></div> <iframe src="https://mapsengine.google.com/map/embed?mid=some_map_id" width="100%" height="480"></iframe>

CSS

1
2
3
4
5
6
7
8

.overlay {
background:transparent;
position:relative;
width:100%;
height:480px; /* your iframe height */
top:480px; /* your iframe height */
margin-top:-480px; /* your iframe height */
}

Praticamente è come se creassimo una sorta di tendina davanti alla mappa di Google.

Passiamo ad un esempio pratico per bloccare lo scroll o zoom al passaggio del mouse su Maps:

Esempio con overlay attivo

Esempio senza overlay attivo

Sintesi:
Guida pratica su come disabilitare lo scroll del mouse su un iframe di Google Maps utilizzando solo CSS e HTML senza usare java o jquery

WordPress bloccare lo scroll alle mappe di Google Maps
Joomla bloccare lo scroll alle mappe di Google Maps
Html bloccare lo scroll alle mappe di Google Maps
Drupal bloccare lo scroll alle mappe di Google Maps

Spero che abbiate trovato questo post su come disabilitare lo scroll al passaggio del mouse su una cartina di Google Maps di vostro gradimento, per favore segnalateci ai vostri amici, se avete dubbi contattateci o commentate, risponderemo a tutti.

Marco D'Elia

Disabilitare lo scrolling zoom in Google Maps iframe, Disable scrolling zoom in google maps iframe, Google Maps iframe stop

Primo su Google - Chi siamo

Siamo una società di marketing digitale specializzati nel SEO - indicizzazione nei motori di ricerca. Il nostro obiettivo è quello di aiutare i nostri clienti a raggiungere GRANDI RISULTATI oltre a quello di consolidare il successo ottenuto.

Ci occupiamo di analisi WEB, SEO, SEM, PPC, Web Marketing, Web develop e web design.

Scopri di più su di noi

Richiedi un preventivo gratuito

Offriamo servizi SEO professionali che consentono ai siti web di aumentare in maniera tangibile il loro punteggio nelle ricerche organiche al fine di competere per le vette più alte della classifica dei motori di ricerca - anche quando si tratta di parole chiave altamente competitive.

Contattaci ora!