jquery UI Tab nicht mit Container scrollen

8

Einrichtung:

Ich habe ein containing div, das scrollbar ist. Dies ist ein Container für meine jquery ui tab div.

Problem:

Wenn ich den Container im IE8 scrollte, scrollte er andere Inhalte darin, aber die jquery UI-Registerkarte wurde korrigiert, als ob position = fixed wäre. Funktioniert gut in FF. Jede Hilfe willkommen. Vielen Dank

CSS:

%Vor%

js:

%Vor%

html:

%Vor%     
Alan Alcock 25.07.2011, 15:35
quelle

4 Antworten

1

Fügen Sie position:relative dem Scroll-Container hinzu. Dies ist ein häufiges Problem in IE.

    
alekop 26.04.2012, 18:42
quelle
0

Ich habe genau die gleichen Probleme mit anderen Komponenten - Toggles und Slider. Wenn ich dafür Standardkomponenten verwende, habe ich keine Probleme, aber es tritt nur bei der jquery ui-Bibliothek auf, also nehme ich an, es handelt sich um einen jQuery-UI-Fehler.

Kann nicht in Firefox / Chrome und IE9 reproduziert werden - nur IE7 / IE8.

    
Insight 30.07.2011 15:07
quelle
0

Ich hatte das gleiche Problem in IE7 und ein paar anderen, und ich verbrachte ein paar Stunden damit, jede Reparatur auszuprobieren, die wir uns vorstellen konnten, aber ohne Erfolg. Ich dachte mir, dass es nicht annähernd wert war, etwas weiter zu debuggen, das wahrscheinlich ein Fehler in der jquery-UI (für IE7) war, und schrieb alle JS in drei Zeilen von jquery um. Wenn jemand anderes damit zu kämpfen hat, habe ich das getan.

html

%Vor%

relevantes css (mit scss hier)

%Vor%

JavaScript (erfordert jquery)

%Vor%

Hoffe, das hilft jemandem. Das ist wahrscheinlich viel leichter als die Verwendung des Tabs-Plugins, ehrlich gesagt, und macht den Job ziemlich gut. Wenn dies nicht vollständig genug ist oder du diesen Code nicht zum Funktionieren bringen kannst, schreibe mir einen Kommentar und ich helfe dir oder stelle dir eine JS-Geige auf.

    
Jeff Escalante 05.01.2012 22:40
quelle
0

Versuchen Sie Folgendes:

Definieren Sie die Höhe des Containers als:

%Vor% %Vor%
    
Rahul Varadkar 02.10.2016 14:35
quelle