How to count li elements and add css attribute when a certain number of li elements is reached using jquery?

Question

JavaScript

Imagine that we have a ul list inside which there are several li elements
How to make a script that adds the value overflow-y: scroll to the style attribute of the ul element; but only when there are more than 11 li elements in the ul list?
Thanks in advance!

Answer 1

https://codepen.io/topicstarter/pen/ExVVVvJ - it seems so, but this is also done on css

Answer 2

https://jsfiddle.net/u5powsc6/

Answer 3

I would not recommend you use this method. Due to a difference in font rendering, for example, or several lines instead of one in a random list item, it may turn out that they will need to be scrolled much earlier than there are 11 of them