disabilitazione dello scorrimento orizzontale su un sito web iPhone

Sto sviluppando una versione per iPhone di un sito Web basato su Wordpress e mi chiedevo se esiste un metodo per disattivare lo scorrimento orizzontale quando il sito Web è aperto in Safari per iPhone. In questo momento, sono a metà dello sviluppo e solo per controllare se posso disabilitare lo scorrimento orizzontale, ho nascosto nessuno degli elementi che hanno superato la larghezza dello schermo, ma posso ancora scorrere orizzontalmente verso destra. Ho provato a mettere il seguente codice all'interno dei tag <style> nel <head>, ma che non ha aiutato:disabilitazione dello scorrimento orizzontale su un sito web iPhone

body {trabocco-x: hidden; }

ho messo il <meta> seguente codice all'interno del file testa a risuonare se l'utente sta visualizzando il sito web da un iPhone, ma disabilita unico utente-pizzicare vale a dire non si può ingrandire e rimpicciolire pizzicando lo schermo.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Attualmente sto usando un iPhone 4 per controllare il sito web e il sito web si può accedere andando a questo link: http://ignoremusic.com. In attesa di una soluzione da voi ragazzi, grazie.

SOLUZIONE: Come suggerito da @Riskbreaker, ci sono stati un paio di elementi che sono stati che superano la larghezza del ~ 312px ed è per questo che ho potuto ancora scorri verso sinistra e dopo aver regolato la larghezza di tutti questi elementi, Ho disabilitato il passaggio orizzontale. Una cosa che ho imparato è che nascondere overflow-x non aiuta nel caso di un iPhone/iPad, devi ridurre la larghezza di tutti gli elementi a quella della larghezza della tua schermata altrimenti resterai essere in grado di scorrere orizzontalmente.

fonte

2013-04-08 Fahad Hasan

così come per la sezione "soluzione" - esiste un modo per forzare la disattivazione dello scroll orizzontale se ci sono elementi fuori schermo? –

Add trabocca sul tuo corpo in questo modo:

body { 
     font: 12px/20px "Helvetica neue", Helvetica, Arial, sans-serif; 
     font-weight: normal; 
     overflow: hidden; 
     overflow-y: auto; 
     }

E sì rimanere con questo:

<meta name="viewport" content="width=device-width">

fonte

2013-04-08 13:14:31 Riskbreaker

Grazie per la risposta, ma aggiungendo il codice CSS non ha funzionato, posso ancora scorrere in orizzontale. –

stai aggiungendo questo su style.css o sul tuo css principale? Anche alcuni dei css si stanno ignorando nella tua risposta in questo modo: '#headertop {width: 980px;}' .... che sta facendo orizzontale per essere swipe ... solo un esempio che deve essere risolto prima ... – Riskbreaker

solo per verificare se avrebbe funzionato, l'ho aggiunto all'interno del tag utilizzando i tag