-webkit-overflow-scrolling: побочные эффекты сенсорного атрибута -- встроенная в QQ пустая обработка браузера

внешний интерфейс браузер React.js Webkit

Недавно столкнулся с вроде бы очень простым, но относительно простым в борьбе багом, не продавайся, заходи в тему:

Использование framework7+react для написания singlePage, Safari под IOS, встроенный браузер WeChat, Google Chrome, браузер QQ и другие сторонние браузеры отображаются нормально;

Только у встроенного браузера QQ есть непредвиденная ошибка: при быстром свайпе вниз/вверх страница будет пустой, а содержимое будет отображаться после окончания свайпа;У андроида нет этой проблемы.

Поскольку я хочу, чтобы эффект прокрутки страницы был таким же, как и нативный, добавлено свойство -webkit-overflow-scrolling:touch (если вы не понимаете это свойство, вы можете обратиться кэта статья;) Увеличьте эффект инерционного скольжения, и скольжение страницы будет мгновенно плавным, как в оригинале, ха-ха;

Однако под встроенным браузером QQ страница будет отображаться пустой, а содержимое не будет отображаться до тех пор, пока скольжение не прекратится.Я думаю, это вызвано атрибутом -webkit-overflow-scrolling:touch, а затем поиском Baidu похожие статьи/блоги не имеют решения, я чувствую себя некомфортно Буду любить снова... Когда я отчаянно пытался пообщаться с продуктом, я случайно нашел решение и поделился им:

-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);

Добавьте приведенный выше css к родителю скользящего диапазона, чтобы решить его;

Выскажу собственное мнение: Baidu не всесилен, а иногда и Google может открывать Новый Свет...