Привет, нужна помощь. Есть сайт ( https://vopros.ips-dev.com/articles/9) на нем статьи,

которые подгружаются при скролле вверх и вниз. На ПК все работает норм. Но как только с телефона ( или ноут) с тачпадом заходишь , при малейшим скролле , то все мгновенно летит вниз.

Вот часть кода отвечающией за скролл, понятия не имею как фиксить, кто сталкивался? Любая помощь

mounted() {
this.scroll()
setTimeout(() => {
this.imgFor()
}, 100)
},
destroyed() {
this.$store.dispatch('deleteArticles')
},
methods: {
btnShow() {
scrolled = window.pageYOffset
if (window.pageYOffset > 1000) {
this.isBtnShow = true
} else this.isBtnShow = false
},

scrollToTop() {
if (scrolled > 0) {
window.scrollTo(0, scrolled)
scrolled = scrolled - 100
timer = setTimeout(() => {
this.scrollToTop()
}, 10)
} else {
clearTimeout(timer)
window.scrollTo(0, 0)
}
},
scroll() {
window.onscroll = () => {
this.btnShow()
const bottomOfWindow =
document.documentElement.scrollTop + window.innerHeight >=
document.documentElement.offsetHeight - 100

if (bottomOfWindow) {
this.$store.dispatch('addArticle')
setTimeout(() => {
this.imgFor()
}, 5)
}
}
},
imgFor() {
if (screen.width <= 500) {
const img = document.getElementsByTagName('img')
for (let i = 0; i <= img.length; i++) {
img[i].style = 'max-width:280px'
}
} else {

Это самописный инфинити скролл?:) Попробуй использовать vue-infinity-scroll