У меня на сайте есть блок
Делится он на левую и правую часть. В левой части несколько блоков .item с контентом фиксированной высоты (допустим 350 пикселей).
Слева блок с позиционирование "стики", тоже высотой 350 пикселей.
При скроле вниз картинки должны меняться в "липком" блоке в зависимости от того, около какого .item сейчас мой "липкий" блок.
То есть, когда блок "стики" сверху, должна показываться картинка image-1.jpg
Если "стики" на уровне второго .item, показывается image-2.jpg.
Картинки должны друг друга замещать. Если блок "стики" находится на 50% с первым .item и на 50% со вторым .item, то в нем показывается 50% той и 50% другой картинки.
Вот код с разметкой -
https://jsfiddle.net/sc8m1oej/5/ 
Средний
