overflowX : hidden bläht vertikal auf

[Matthias Scharwies]

Servus!

<script>
t = document.getElementById('t');

function oflTggl(){ t.style.overflowX = 
                    t.style.overflowX ? "" : "hidden";
}
</script>

Rätselhaft und unerwünscht ist, daß der Button bei Klicks vertikal hin und her wandert .

Grad bei StackOverflow gegooglet:

https://stackoverflow.com/questions/18135204/setting-overflow-y-causes-overflow-x-to-change-as-well

"If you are using visible for either overflow-x or overflow-y and something other than visible for the other. The visible value is interpreted as auto."

Sobald du overflowX auf einen Wert setzt, wird der Wert von overFlowY von visible auf auto gesetzt.

2 Möglichkeiten:

Setze

div {
	border:1px solid black;
	overflow-y: auto;
}

oder nimm das display: inline-block raus und mach es zu block.

Herzliche Grüße

Matthias Scharwies