How to scroll the text but leave the image in place?

Good evening.
I need to scroll text, but scroll the text only, the picture that remained in place until the text proskomidia to the end.
That's what happened with CSS, but sometimes podlagivaet depending on the position of the mouse. Probably better to do this using JQuery, not please tell me how?
Thank you!
https://jsfiddle.net/w3L5a2kg/
March 23rd 20 at 18:56
1 answer
March 23rd 20 at 18:58
Solution
background-attachment: fixed;
Not the result of a few turns - Velva.Satterfield commented on March 23rd 20 at 19:01
@Velva.Satterfield, and Yes)
You should give the text block a certain height and overflow-y:scroll - Noel commented on March 23rd 20 at 19:04
@Noel, as originally done, but when the cursor on the picture - the text must also scroll) - Velva.Satterfield commented on March 23rd 20 at 19:07
@Velva.Satterfield, clear
this is normal behavior, you have a text skrollitsya normal, and the picture on the site is, just when the cursor is over this block, right and left have padding of a parent for example, it scrolls the parent element
of the solutions we can offer to make this unit the full width of the screen - Noel commented on March 23rd 20 at 19:10
@Noel, Thank You. Does it make sense to do it all script? or the same thing will happen? - Velva.Satterfield commented on March 23rd 20 at 19:13
@Velva.Satterfield, js wouldn't make a dent - Noel commented on March 23rd 20 at 19:16

Find more questions by tags HTMLjQueryCSS