Большая область SVG не может плавно прокручиваться в мобильном

Question

У меня есть гибридное мобильное приложение.Некоторые из моих страниц содержат большую область интерактивных изображений SVG (графики, диаграммы).Я уже добавил -webkit-overflow-scrolling: touch; в свою область контента.Это помогает в плавной прокрутке там, где нет изображения SVG.Но когда я пытаюсь прокрутить SVG, это не совсем гладко.

Пожалуйста, предложите любую другую возможность обойти эту проблему.

.oj-hybrid-applayout-page {

    -webkit-overflow-scrolling: touch;
}

Answer 1

Вы не должны использовать сложные / большие SVG, если вы хотите сгладить прокрутку, они действительно влияют на производительность веб-просмотра при прокрутке.Вы ничего не можете сделать, чтобы это исправить.Если вы используете изображения, вы должны также рассмотреть возможность их сжатия и не использовать полноразмерные PNG, где это возможно.

Также добро пожаловать в SO.