Отключение горизонтальной прокрутки с помощью касания в фрейме - PullRequest
0 голосов
/ 20 сентября 2019

У меня есть iframe на веб-сайте, в котором я хотел бы отключить горизонтальную (не вертикальную) прокрутку, особенно когда пользователь активирует сенсорный ввод на веб-сайте и перетаскивает его по горизонтали (то есть все в порядке, если полосы прокрутки по-прежнемувидимый и перетаскиваемый при прикосновении к ним напрямую).К сожалению, я не контролирую веб-сайт, который отображается в iframe.

Я просмотрел этот сайт, и он кажется действительно трудным или невозможным.Я пытался:

  • положить scrolling=no в качестве атрибута iframe (это отключает обе полосы прокрутки, и мне нужно держать в вертикальном положении)
  • добавив overflow-x: hidden в качестве стиля кiframe (это ничего не делает)

Я буду управлять этим iframe в первую очередь на большом дисплее с помощью сенсорного управления, и это нормально, если он работает только для касания (есть ли способ, которым я могу вручную переопределить какой-то видсобытия касания и определить, пытаются ли они прокрутить iframe по горизонтали?).Мне нужно только поддерживать последнюю версию Chrome.

Ответы [ 2 ]

0 голосов
/ 20 сентября 2019

Может быть возможно отключить некоторые сенсорные события по отдельности, но вы не можете предотвратить прокрутку в iframe на одной оси, не делая некоторых хаков.Атрибут scrolling=no устарел в HTML5.

Лучшее решение - просто установить ширину iframe <= ширина страницы src. </p>

0 голосов
/ 20 сентября 2019

Было бы трудно проверить без ссылки, но, возможно, вы можете посмотреть на CSS pointer-events: none; или любые другие события указателя.

...