Scorrimento overflow div quando viene specificato -ms-viewport?

Question

Lavorando su una pagina che viene visualizzata in Windows Phone 8, e ho notato un comportamento strano. Quando -ms-viewport viene specificato con larghezza o altezza, sembra che gli utenti non possano più utilizzare i comportamenti di scorrimento a sfioramento su un overflow: auto o -ms-touch-move: elemento pan-y.

Chiunque riscontra questo comportamento o è a conoscenza di eventuali soluzioni alternative?

edit: Visita questo URL su un dispositivo WP8 per un Repro: http://fiddle.jshell.net/Vk7SR/3/show/light

Answer 1

Impostazione del @-ms-viewport { width: auto } potrebbe non essere accettabile per un certo numero di applicazioni che aspirano a presentare un reattivo UI su dispositivi Windows Phone. Un'alternativa di lavoro che consente di impostare qualunque larghezza finestra che si desidera è quello di impostare la seguente regola CSS:

body, html { 
    -ms-overflow-style: none !important; 
} 

Ho copiato il Repro originale e fissarlo con questa regola a https://gist.github.com/tjanczuk/7419485. Puoi anche navigare direttamente alla pagina HTML con la correzione da un dispositivo Windows Phone a http://htmlpreview.github.io/?https://gist.github.com/tjanczuk/7419485/raw/9a13fc9ad43f2103d8b9e23e25c7b0672a13385f/gistfile1.html

Answer 2

Impostare la larghezza di auto (come di seguito) al posto del dispositivo di larghezza sembra risolvere il problema di scorrimento. Ho preso la fonte dalla pagina (http://fiddle.jshell.net/Vk7SR/3/show/light/), confezionato come un app WP8 ​​e provato su un Lumia 920.

@-ms-viewport { 
    width: auto; 
}