Проблема именно в тачах.
Вообще нет идей как исправить, впервые с таким сталкиваюсь, надеюсь на вашу помощь!
Вот пример ( если зайти с телефона, то при малейшем скролле все летит вниз ==)
Вот
И, конечно, код отвечающий за скроллинг.
Еще раз, любая помощь!
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 return null
}
