wilt
@wilt
Beginning

Как исправить мгновенную прокрутку на touch устройствах?

Проблема именно в тачах.
Вообще нет идей как исправить, впервые с таким сталкиваюсь, надеюсь на вашу помощь!
Вот пример ( если зайти с телефона, то при малейшем скролле все летит вниз ==)
Вот

И, конечно, код отвечающий за скроллинг.
Еще раз, любая помощь!
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
    }
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ответы на вопрос 1
TTATPuOT
@TTATPuOT
https://patriotovsky.ru/
У вас попытка сделать бесконечный скроллинг, я так понимаю.
Делал тоже самое давным-давно. Идея была в том, что каждая новая статья не перезагружается, а добавляется вниз. Как лента во Вконтакте - там она тоже просто догружается новыми постами.
К тому же, ваше решение и на ПК выглядит дёрганно.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы