Прокрутка отказов в iPad (react)

#ios #reactjs #scroll #safari

#iOS #reactjs #прокрутка #safari

Вопрос:

Я протестировал так много вещей, но пока ничего не работает. У меня есть страница, содержимое которой можно прокручивать, если это необходимо. Он отлично работает в Windows Chrome и Firefox, но в ios и Safari он имеет нежелательную вертикальную прокрутку.

Я видел, что люди здесь упоминали, что это: https://github.com/lazd/iNoBounce это было решением для них. но как я могу использовать это в react?

Ответ №1:

Надеюсь, что все читают нормально,

У меня есть ответ из будущего.

Выполнить npm i inobounce

Импортируйте его на свой index.js или где бы вы ReactDOM.render(...) ни находились

 import inobounce from "inobounce"

Положить

 inobounce.enable();

Где-то я поставил свой сразу после ReactDOM.render(...)

Не забудьте придать -webkit-overflow-scrolling: touch; стиль элементам, которые прокручиваются, они также должны иметь height или max-height , overflow: auto или overflow: scroll .

Это, вероятно, не поможет OP, так как я опоздал на год, но, надеюсь, это кому-то поможет.

Ответ №2:

Вы пробовали react-bouncefix из https://www.npmjs.com/package/react-bouncefix ?

Это просто в использовании (из документов):

 var Bouncefix = require('react-bouncefix');

var MyComponent = () => {
  return (
    <Bouncefix className="Bouncefix">
      Hello from MyComponent!
    </Bouncefix>
  );
}