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 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…