Я столкнулся с проблемой, когда у меня есть игровая доска, выложенная на веб-странице. Если это игровое поле имеет размер 20x20 квадратов, а контейнер для него может вместить только 10x10, мне нужно, чтобы игровое поле внутри можно было перетаскивать. Пользователь не должен иметь возможности перетаскивать его за пределы контейнера (так как плитка 0,0 не должна выходить за верхний левый край контейнера, а плитка 19,19 не должна проходить выше или слева от нее). правом нижнем углу контейнера).
Пользовательский интерфейс jQuery имеет перетаскиваемый элемент, который позволяет мне перетаскивать его, но единственные ограничения, которые я могу сделать, связаны исключительно с самим контейнером. Я обошел это, установив границы (используя формат [x1, y1, x2, y2] вместо контейнера), и некоторое время это работало, за исключением того, что перетаскивание медленное и плохо работает с прокручиваемым решением.
Мои проблемы с прокручиваемым полем (без перетаскивания) помещают полосы прокрутки внутрь содержимого и выглядят очень грязно.
Есть ли хорошее перетаскиваемое решение с инерционной прокруткой к элементу? Является ли прокрутка единственным способом пойти? Я действительно ограничен переключением между одним или другим?
Спасибо!
