Как сделать такой скролл?

Question

[Кирилл Белаш]

На странице есть блок с сортировкой картинок, с телефона пока мы просто скролим документ не важно свайпнули по блоку или нет сортировка заблокирована. Как только мы нажали на элемент из блока на 1 сек, сортировка включается. В чем сейчас сложность - свайп по блоку и документу распознается как touchmove одновременно и не понятно как отделить что от чего. Перетаскивание элементов так же распознается как touchmove по документу и элементу. Как сделать так, чтобы при свайпе по блоку он включал сортировку и так же при перетаскивании элементов не думал что я скролю по документу или блоку?

Comments

[szQocks]

а чё ты вопрос прошлый то удалил, ты что думаешь я там только для тебя писал решение проблемы ? ничего себе

[szQocks]

совсем бессовестный, и ещё вопрос задает

[Кирилл Белаш]

szQocks, ну вообще то удалил я его из за того, что немного продвинулся в решении, твой delay ничего не дает и потеря контекста тоже не причина, ответа я не нашел на свой вопрос, теперь есть другая сложность, какие проблемы?

[szQocks]

Кирилл Белаш, delay и есть решение, может ты не верно его активировал

нужно просто было не в обработчике вешать это событие, а за ним, вообще в основном скоупе

а по поводу текущего вопроса, в том виджете сортировки, нужно переписать 2 функции это touchStart и touchMove и там блокировать скролл, там в настройках можно в него прокинуть эти события вроде как, но написать свои функции

[Кирилл Белаш]

szQocks, touchStart на блоке будет засчитан даже если мы свайпнули по нему чтобы проскролить, как мне это то не учитывать при скроле просто документа?

[szQocks]

Кирилл Белаш, так будет работать до тех пор пока delay идёт, после его завершения будут работать те функции на которые ты перепишешь и не будет скролиться, от того что там изначальный свайп был толку от него, браузер будет думать что ты всё ещё находиться на координате самого свайпе,а ты уже получается переносишь элемент в другое место

[szQocks]

Кирилл Белаш, хотя там даже можно наверное и не переписывать, там явно есть параметр который отключает scroll , его нужно установить в false, ты хоть посмотри параметр "ВСЕ" https://api.jqueryui.com/sortable/#option-scroll

[szQocks]

Кирилл Белаш, получается для твоего поведения тебе нужно всего лишь это, я предполагаю

$( ".selector" ).sortable({
  scroll: false,
  delay: 1000
});

и всё

[Кирилл Белаш]

szQocks, нет не верно, scroll это вообще как я понял возможность скролинга когда элемент захвачен из сортировки

[szQocks]

Кирилл Белаш, да это блокировка скролла, touchmove когда элемент захвачен, тебе разве не это нужно было ? вопрос прочитай свой

[Кирилл Белаш]

szQocks, Если хотим просто скролить по странице то скролим, сортировка блокирована. Если захотели что то подвигать из элементов сортировки - жмем на элемент, ожидаем одну секунду, элемент подсвечивается, блокировка отключена. А получается так, что при delay 1000 и scroll false скролл по странице вообще не идет

[szQocks]

Кирилл Белаш, ты хочешь что бы и элемент выбран был и свайпать ? это интересно как ? вторым пальцем ?

убираешь скролл и за место свайпом, просто элемент нужно приподнести к краю что бы страница сама прокрутилась, всё, чел ты ппц странный и заказчик твой или босс

спроси у босса своего как он собирается свайпать при выбранном элементе, получается палец ты зажал, и чем будешь свайпать, носом ?

[Кирилл Белаш]

szQocks, вот задача

[szQocks]

Кирилл Белаш, первые 2 пункта у тебя сделаны, за место 3 пункта из вопроса который в посте в этом, я понял что нужно блокировать скролл птри перетаскивании, я посоветовал что делать для этого ( оказывается я не угадал )

остаётся только 1 - при выборе элементы и последующем его приближении к краю ( к низу ) скроллим страницу, или к верху так же скроллим, вообще если не ошибаюсь там должно на автомате это работать, а про механику без - это и есть механика без изменений, просто может ты как-то не так проверяешь я без понятия

[szQocks]

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

[szQocks]

Кирилл Белаш, кароче я тебя вообще не понимаю, разбирайся сам

[Кирилл Белаш]

delay: 1000,
scroll: false,

szQocks, с этими двумя опциями странице НЕ СКРОЛИТСЯ ни при каком свайпе, если бы она скролилась не было бы проблем

[Кирилл Белаш]

szQocks, она скролится если только полностью блокнуть через $( ".selector" ).sortable( "disable" );

[Кирилл Белаш]

szQocks, я вроде все подробно описал и даже скрин дал задачи, что тут не понять то

[szQocks]

Кирилл Белаш, я проверил, не работает на мобилке, придётся что-то другое юзать, не проблема
https://github.com/SortableJS/Sortable

[Кирилл Белаш]

szQocks, ну тут если руководство одобрит вырезание jq и внедрение другого инструмента, тут мои полномочия как говорится все, т.к проект одно сплошное легаси из солянки сборной шанс не велик

[szQocks]

Кирилл Белаш, можешь и не вырезать jq, виджет просто от туда не используй тот, который не работает на мобилках, кто виноват что этот виджет не развивается