Estoy usando javascript puro para cargar datos cuando me desplazo una y otra vez hasta la parte inferior de la página. Mi código funciona bien en teléfonos Android. Pero no funciona en dispositivos Apple. Y no sé dónde está el problema exactamente. Aquí está mi código:

 let self = this
 this.scrollArea = document.getElementById("scrollable-product-area");
 
 $('#scrollable-product-area').on('scroll', function() {
 if(self.scrollArea.scrollTop + self.scrollArea.clientHeight >= self.scrollArea.scrollHeight - 0.5){
 if(self.secilenKategori.length == 0 && self.secilenMarka.length == 0 && self.search === ""){
 self.$store.commit("changePostPage",(self.$store.getters.getPostpage + 50));
 self.$store.commit("changeScrollPosDashboard", self.scrollArea.scrollTop);
 self.getUrunList();
 }
 else{
 if(self.$store.getters.getUrunFilterNumber >= 50) {
 self.$store.commit("changePostPage",(self.$store.getters.getPostpage + 50));
 self.$store.commit("changeScrollPosDashboard", self.scrollArea.scrollTop);
 self.urunFilter();
 } 
 }
 }
 })

Este código dentro del método montado. Estoy enviando límites de datos y número de página para que funcionen para cargar datos.