Beheben Buggy JQuery Animation

Question

Ich habe versucht, eine glatte Hover-Animation mit JQuery zu erstellen. Die Idee ist also, dass sowohl das Bild als auch der Text größer werden, wenn Sie mit der Maus über das Bild fahren.

Allerdings ist das Bild fehlerhaft, wenn Sie den Mauszeiger darüber bewegen und der Text scrollt, wie Sie in der mitgelieferten jsfiddle sehen können. Gibt es etwas, was ich tun kann, um es ohne das Scrollen des Textes glatter zu machen?

Answer 1

Sie können den Eigenschaftsüberlauf verwenden: hidden; innerhalb der CSS-Klasse .textBoxes, wie folgt aus:

.textBoxes 
{ 
    display: flex; 
    flex-direction:column; 
    overflow: hidden; 
}