IE10 Problema con Scrollbar su Div

Question

Sto utilizzando una barra di scorrimento su un div e sembra che abbia un problema di rendering in IE10.

Quando si scorre il div completamente verso il basso, quindi di nuovo in alto, manca il contenuto principale.

Sai se esiste una soluzione per IE10?

Link: http://landpros.com/propsearch.php

Ecco l'CSS sul div:

.prop-search-content-wrapper{ 
    margin: 0 0 30px 0; 
    padding: 0; 
    height: 980px; 
    overflow-x:hidden; 
    overflow:scroll; 
} 

Grazie!

Answer 1

sono riuscito a riprodurre questo - per vedere la causa del problema (credo) spegnere la direttiva overflow-x: hidden. Se il contenuto manca, verrà restituito e otterrai una barra di scorrimento verticale. Sta succedendo qualcosa che sta inducendo IE10 a pensare che sia necessario nascondere l'intera fila superiore (s).

La correzione deve essere quella di regolare le larghezze di qualsiasi contenuto del div contenente con classe content-wrapper in modo che corrisponda al padre e non sia mai necessario overflow-x: hidden; in primo luogo.

* Nota: ho faticato a riprodurre in modo coerente.

Answer 2

Non sono riuscito a riprodurre il problema con il mio IE 11 emulando IE 10 con gli strumenti di sviluppo. Ma sono d'accordo con Matthew, che è probabilmente causato dall'impostazione overflow-x: hidden.

Si può facilmente evitare!

Dai un'occhiata alla vostra lima foundation.css (alla linea 233 e 235):

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; } 

Oltre al fatto che la regola esiste per due volte, il vostro "guai" nasce dai margini negativi sinistro e destro. Non hai bisogno di loro, quindi basta rimuoverli!

In questo modo, non è più necessaria l'impostazione overflow-x: hidden.
BTW: Perché si imposta max-width su none, anziché su 100%, se non si desidera che un elemento superi l'override in orizzontale?

Quindi, per favore provalo e facci sapere, se questo risolve (evita) il tuo problema - grazie!

Answer 3

hai provato con la proprietà -ms-overflow-style?

-ms-overflow-style: auto | nessuno | barra di scorrimento | -ms-scomparsa automatica-scrollbar

https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx