Прокрутка с ионной прокруткой

Question

Прокрутка с ионной прокруткой

0

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

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

Пример кода - http://play.ionic.io/app/720567016712

Thet Hlaing 04 окт. 2016, в 10:21

Источник

Теги:

ionic-framework

angularjs

html5

hybrid-mobile-app

2 ответа

0

Вы можете сделать это, используя lock = "true"

и укажите высоту и ширину для этого ионного

Namrata 04 окт. 2016, в 06:27

0

Вы можете проверить это в моем примере файла, я сделал именно то, что вы сказали. Но все же не мешают диагональные перетаскивания.
Mg Thar 04 окт. 2016, в 08:47
0

Можете ли вы применить его на скрипке, чтобы я мог обновить это.
Namrata 04 окт. 2016, в 08:50
0

Я пытался. Но это не работает как-то. jsfiddle.net/ThetHlaing10/wwvvb52j Так что вы можете просто обновить ссылку на play.ionic.io, которую я дал на вопрос. Не стесняйтесь обновлять.
Mg Thar 04 окт. 2016, в 08:57
0

Обновление кода по обеим ссылкам теперь прокручивается только по одной оси jsfiddle.net/ThetHlaing10/wwvvb52j и play.ionic.io/app/720567016712
Namrata 04 окт. 2016, в 09:16
0

Вы можете изменить свой HTML-код следующим образом: <ion-content class = "padding"> <ion-scroll zooming = "false" direction = "x" lock = "true">
Namrata 04 окт. 2016, в 09:21
0

Я все еще могу перетащить по диагонали на обновленной ссылке.
Mg Thar 04 окт. 2016, в 09:29
0

Смотрите мой последний комментарий -> Вы можете изменить свой html следующим образом: <ion-content class = "padding"> <ion-scroll zooming = "false" direction = "x" lock = "true">
Namrata 04 окт. 2016, в 09:46

Показать ещё 5 комментариев

Ещё вопросы

Вы можете проверить это в моем примере файла, я сделал именно то, что вы сказали. Но все же не мешают диагональные перетаскивания.
Можете ли вы применить его на скрипке, чтобы я мог обновить это.
Я пытался. Но это не работает как-то. jsfiddle.net/ThetHlaing10/wwvvb52j Так что вы можете просто обновить ссылку на play.ionic.io, которую я дал на вопрос. Не стесняйтесь обновлять.
Обновление кода по обеим ссылкам теперь прокручивается только по одной оси jsfiddle.net/ThetHlaing10/wwvvb52j и play.ionic.io/app/720567016712
Вы можете изменить свой HTML-код следующим образом: <ion-content class = "padding"> <ion-scroll zooming = "false" direction = "x" lock = "true">
Я все еще могу перетащить по диагонали на обновленной ссылке.
Смотрите мой последний комментарий -> Вы можете изменить свой html следующим образом: <ion-content class = "padding"> <ion-scroll zooming = "false" direction = "x" lock = "true">

Ujjwal kaushik · Accepted Answer · 2016-10-04T05-32-00.000Z

<ion-content class="padding" overflow-scroll='false' locking="true" direction="xy" has-bouncing="false">

используйте это. Не используйте ионную прокрутку сейчас, удалите ее. Она будет работать так, как вы хотите.

Надеюсь, это тебе поможет.. спасибо

Спасибо за ответ. Но мне нужно, чтобы содержимое могло прокручиваться в обоих направлениях. Я просто не хочу, чтобы это происходило одновременно, как показано на рисунке.
хммм ... оккк, тогда я думаю, что установка блокировки на true - лучший способ (у)
Я пытался, но это все еще не мешает диагональному перетаскиванию :(
Посмотрите на обновленный ответ :)