I have created a new ScrollView, like this
div.log
div
div....
For the log class i have set
background-image: linear-gradient(transparent 50%, rgba(0,0,0,0.2) 50%)
background-size: 49px 40px;
the background remains fixed and does not scroll with the content,
So i added background to the child divs, now the background scrolls witht the content, but the background is rendered for only that part of the window that is visible, if i scroll down the background breaks.
So what is the way to refresh the background so it is visible in the whole window or make the background scroll with the content.