#angularjs #html #ionic-framework #hybrid-mobile-app
#angularjs #HTML #ионный фреймворк #гибридное-мобильное-приложение
Вопрос:
Я хочу разрешить только один тип прокрутки за раз (вертикальный или горизонтальный) с ионным компонентом прокрутки. Я попытался «заблокировать» атрибут в элементе ионной прокрутки, но безуспешно. Когда я перетаскиваю по диагонали, это происходит, как показано на следующем рисунке.
Пожалуйста, помогите мне, если вы знаете способ решить эту проблему. Заранее спасибо.
Пример кода — http://play.ionic.io/app/720567016712
Ответ №1:
<ion-content class="padding" overflow-scroll='false' locking="true" direction="xy" has-bouncing="false">
используйте это, не используйте ионную прокрутку сейчас, удалите ее.. Это будет работать так, как вы хотите
Надеюсь, это поможет вам .. спасибо
Комментарии:
1. Спасибо за ответ. Но мне нужно, чтобы содержимое могло прокручиваться в обоих направлениях. Я просто не хочу, чтобы это происходило одновременно, как на картинке, которую я показал в вопросе.
2. хммм .. okkk тогда я думаю, что установка блокировки на true — лучший способ (y)
3. Я пытался, но это все равно не мешает перетаскиванию по диагонали: (
Ответ №2:
Вы можете сделать это, используя locking =»true»
и укажите высоту и ширину для этого ионного
Комментарии:
1. вы можете проверить это в моем файле примера, я сделал именно то, что вы сказали. Но все равно не мешает диагональному перетаскиванию.
2. не могли бы вы применить его к скрипке, чтобы я мог это обновить.
3. Я пытался. Но это не работает каким-то образом. jsfiddle.net/ThetHlaing10/wwvvb52j Таким образом, вы можете просто обновить play.ionic.io ссылку я дал на этот вопрос. Не стесняйтесь обновлять.
4. Обновите код для обеих ссылок, теперь он прокручивается только по одной оси jsfiddle.net/ThetHlaing10/wwvvb52j и play.ionic.io/app/720567016712
5. Вы можете изменить свой html следующим образом <ion-content class=»padding»> <масштабирование ионной прокрутки = «false» направление = «x» блокировка =»true»>