MNB

https://jsfiddle.net/mmwfd821/3/

в css вы пишите ОПРЕДЕЛЕНИЕ стилей. в html вы используете уже ОПРЕДЕЛЕННЫЕ стили.
т.е. автодополнение может работать только в одну сторону css->html. Обратно - никак

создаем копию картинки, инжектим где-то в боди и вешаем её абсолютом над старой картинкой

мб имеются в виду пустые теги?
тогда селекторы типа .some:empty{}

Такой вариант отключает замирование, но и скроллинг тоже, а его надо оставить.

Как вариант скролить с помощью scrollTop()

Todo
Принято начинать с него :)

Если только клиентским JS, то никак