DIV scrollbar machen bevor er nächstes Element berührt?

[FullHouse]

Hallo Leute,
ich habe folgendes Problem:
In meinem derzeitigem Projekt https://jsfiddle.net/wp3wvuj2/1/ will ich, dass der DIV in dem die Spieler drinnen stehen, scrollbar wird sobald er den START-Button berühren würde. Ich habe es erst mit einer fixen "height" probiert, das ist jedoch keine gute Lösung, da die Geräte ja unterschiedlich groß sind.

Auf dem iPhone sollte es bspw. schon beim Spieler 5 scrollbar werden:


Beim iPad erst sehr viel später:


Hat hier jemand vielleicht eine Idee?

Lg

 

[Dormilich]

kannst du dem div keine relative Höhe geben?

 

[kkapsner]

Du kannst auch die Höhe eines Elements festlegen, indem du ihm ein position: absolute; und eine top- und bottom-Angabe gibst. So kannst du sagen, dass das <div> z.B. 50px unter dem oberen Rand des Elternelements beginnt und z.B. 20px über unteren aufhört.