Блог

Главная - Вопросы по программированию - Автоматически увеличивать ширину путем перетаскивания дочерних элементов, но со свитками

Автоматически увеличивать ширину путем перетаскивания дочерних элементов, но со свитками

#javascript #jquery #jquery-ui #jquery-ui-draggable

#javascript #jquery #jquery-пользовательский интерфейс #jquery-пользовательский интерфейс-перетаскиваемый

Вопрос:

http://jsfiddle.net/LakYy/6/

Приведенная выше ссылка демонстрирует мою проблему.

Я хочу увеличить размер container при попытке перетащить дочерние элементы из него, сохраняя размер parent фиксированным, и, следовательно, внутри parent с overflow:scroll должна появиться прокрутка для полной прокрутки container

Основная цель состоит в том, чтобы увеличить размер холста, сохраняя размер области просмотра постоянным, и, следовательно, должны быть прокрутки.

Боролся в течение 2 дней, но безуспешно.

Комментарии:

1. scrollTop полезно, поскольку оно сообщает вам, насколько сильно div прокрутился при вертикальной прокрутке. $(this).css("height", $(this).height() $(this).scrollTop());

Ответ №1:

Вам нужно рассчитать величину, на которую вы перетащили элемент, как только он достигнет границы, затем в событии «drag» увеличьте размер контейнера при перетаскивании в зависимости от направления, в котором вы движетесь. X или Y.

Джадсон

Комментарии:

1. да, я это делаю, пожалуйста, посмотрите скрипку, прикрепленную в вопросе.

2. Попробуйте добавить внутренний контейнер и соответственно увеличить / уменьшить его размер, поскольку перетаскивание с помощью увеличит / уменьшит область прокрутки. 🙂 По сути, вам нужен какой-нибудь блочный элемент (скрытый) внутри contianer, чтобы увеличить область прокрутки.