Обновлено
Я перешел от использования функций jquery scrollLeft и scrollTop к функции javascript scrollTo, которая позволяет мне объединять назначение полосы прокрутки в один вызов, и не не требуются накладные расходы jquery.
Фон
Я создаю средство просмотра, которое позволяет пользователю перетаскивать мышь в поле «Управление» или использовать вертикальный / горизонтальные полосы прокрутки вокруг поля «display» для таблицы и еще одного поля «display» для изображения. Полосы прокрутки вокруг двух «отображаемых» блоков независимо размещают содержимое соответствующих блоков. Помимо работы в качестве обычных полос прокрутки, они также показывают пользователю, какая часть содержимого окна «display» отображается в каждом окне «display». Без полосы прокрутки перетаскивание мышью не дает представления о том, насколько велико содержимое. В полях «display» используется свойство overflow: auto; css / style для отображения полос прокрутки, когда это необходимо.
Ниже приведено расположение важных элементов управления и отображений на демонстрационной странице, которая включена ниже:
Поле 'control' для перетаскивания мышью находится в верхней левой части экрана. Поле «Отображение» таблицы находится в верхней средней части экрана. Поле «Отображение» изображения находится в верхней правой части экрана.
Ниже этих полей находятся две строки масштабируемых входов x и y. Первый набор для таблицы «дисплей». Второй набор предназначен для поля «Отображение» изображения.
Ниже масштабирующих входов находится набор входов и кнопка, позволяющая установить количество пикселей по горизонтали и вертикали для перемещения полос прокрутки, а также Кнопка, чтобы установить обновить полосы прокрутки с помощью. Я использовал это, чтобы определить правильные значения масштабирования для двух «отображаемых» блоков, но он дает другие результаты, чем при использовании поля «перетаскивание мышью», поэтому, пока он перемещает полосу прокрутки, я обнаружил, что это было что-то вроде тупик для меня.
Под этими входами и кнопками находится кнопка для автоматического подсчета того, сколько раз полосы прокрутки необходимо будет постепенно перемещать на указанное количество пикселей в указанных выше входах. Это работает только для поля 'display' таблицы, а также является тупиком по той же причине, что и вышеприведенные элементы управления.
Ниже всех этих двух областей вывода информации. Первый показывает информацию о событиях мыши и размерах полей «control» и «display» таблицы, но не окна «display» изображения. Второй показывает значения, которые вводятся во входные параметры масштабирования, что полезно для отслеживания значений масштабирования, которые вы пробовали при определении правильных значений для каждого окна «display».
Проблема
До сих пор я не выяснил взаимосвязь между размерами блока управления перетаскиванием мышью и двумя полями «отображения», поэтому мне пришлось вручную определить эти значения методом проб и ошибок. Если значения масштабирования не являются «достаточно близкими», то содержимое «отображаемых» блоков в двух «отображаемых» полях не будет правильно синхронизироваться с движениями перетаскивания мышью в поле «Управление».
Я обновил этот вопрос с помощью окна «Отображение» изображения, чтобы можно было увидеть, что значения масштабирования различны для каждого элемента содержимого «Отображение». Кроме того, если размер элемента содержимого изменяется, например, при увеличении или уменьшении изображения, значения масштабирования также меняются.
Вот почему мне действительно нужна помощь в том, как правильно рассчитать их.
Спасибо.