javascript - Horizontal scroll + SVG drawing, ios not fire scroll

Question

I have a full-height page with horizontal scroll, in this page i display a line that follow scroll with svg, everything works fine here, but on iPad or Iphone when the page is scrolled the SVG drawing won't work and i've found that the first two variables of the addiction are always set to 0 when trying to display the page with iPad on dev tools.

if(isiPhone > -1 || isiPad > -1 || isiPod > -1) { //that condition is true when device is ios device
    var scrollPercentage = (document.documentElement.scrollLeft + document.body.scrollLeft) / (document.documentElement.scrollWidth - document.documentElement.clientWidth);
    //other stuff...
}

question from:https://stackoverflow.com/questions/65921746/horizontal-scroll-svg-drawing-ios-not-fire-scroll

Answer 1

Waitting for answers