Как прокручивать текст но оставить картинку на месте?

Question

[saplas]

Добрый вечер.
Мне нужно чтобы скрол текста был, но при этом прокручивался только текст, картинка чтобы оставалась на месте пока текст не проскролится до конца.
Вот что получилось с помощью CSS, но иногда подлагивает в зависимости от положения мышки. Наверно лучше сделать с помощью JQuery, не подскажите пожалуйста как?
Спасибо!
https://jsfiddle.net/w3L5a2kg/

Answer 1

[Алмат Ыбрай]

background-attachment: fixed;

Comments

[saplas]

Не тот результат немного получается

[Алмат Ыбрай]

saplas, а да)
Тебе лучше дать текстовому блоку определенную высоту, и overflow-y:scroll

[saplas]

Алмат Ыбрай, изначально так и делал, но когда курсор на картинке - текст тоже должен скроллиться)

[Алмат Ыбрай]

saplas, понятно
это нормальное поведение, у тебя текст скроллится же нормально, и картинка на месте стоит, просто когда курсор за этим блокм, справа и слева есть отступы родителя например, он прокручивает родительский элемент
из решений могу предложить сделать этот блок на всю ширину экрана

[saplas]

Алмат Ыбрай, Благодарю. Имеет ли смысл сделать это все скриптом? или тоже самое будет?

[Алмат Ыбрай]

saplas, js тут особо не поможет