Webpage doesn't scroll smoothly on screen

wish of those help I tried using hardware acceleration but that didn't solve this issue. However, i figured the problem and came out with some other solution. The issue was(as far as I observed), I had a bind touchend (jquery) event on a page which had several clickable elements. Now, while scrolling, somehow the system was trying to work on the bind events on every div element, and hence was slowing down the scroll drastically. So i fixed it by unbinding these divs on scroll and rebinding on end of scroll. It worked!
P.S.: using hardware acceleration solved some other issue i was facing with ICS & Jelly Bean about which I have posted here (along with this solution) Android webview app on ICS getting pixelated

Any of those help Instead of using uiimageview use sdwebimage. It will help you I think.

like below fixes the issue I think a jsfiddle or other code example would help here, but you have a few easy to spot problems -
a) your first image tag for IMG_5 is not closed properly which could cause inconsistent behaviors

may help you . Here is the updated jsfiddle. https://jsfiddle.net/3kn56mb7/12/
Thank you elias for helping me get to this!

function draw(){
var line = d3.line()
    .x(function(d) { return xScale(d.x); })
    .y(function(d) { return yScale(d.y); });

var lineselection = svg.selectAll('.line_')
    .select('path');


lineselection.interrupt()
        .transition()
    .duration(duration)
    .ease(d3.easeLinear)
    .attr('transform', 'translate(' + -(xScale.range()[0]/((duration / 100)-2)) + ',' + margin + ')');


if (data[0].x < time - time_frame - duration ){
        console.log('shift');
            data.shift();
}

lineselection.attr('d',line)
    .attr('transform', 'translate(0,' + margin + ')');



start_time = time - (duration * 2) - time_frame;

xScale.domain([time, time + (duration * 2) - time_frame])
    .range([width - (margin *2),0]);

d3.select('body')
    .select('svg')
    .select('g')
    .selectAll('.x.axis')
    .transition()
    .duration(duration)
    .ease(d3.easeLinear)
    .call(xAxis);

.attr('transform', 'translate(' + -(xScale.range()[0]/((duration / 100)-2)) + ',' + margin + ')');

.attr('transform', 'translate(' + -(xScale(data[data.length-1].x) -xScale.range()[0]) + ',' + margin + ')');