Большое содержимое в пределах размера контейнера

Question

Я просмотрел много сообщений и не смог найти решение.(Я сталкивался с подобной проблемой в этом посте , но я не могу точно сказать, где именно находится моя ситуация).

Проблема: мне нужно вывести на экран большую таблицу данных (более 30 столбцов).Моя задача - клиенту не нравится горизонтальная полоса прокрутки.

Я имею в виду разделение таблицы на части и использование простых ползунков, таких как Jquery: «serialScroll» или «ContentSlider».Однако здесь есть еще одна проблема: для соответствия 508 моя таблица должна быть одной таблицей, а не разбивать несколько таблиц на разные слайды.

Мне видится, мне нужен div "видоискатель" поверх "большого"table "с управлением сдвигом таблицы размером div влево и вправо, http://img202.imageshack.us/i/tableviewfinderidea.jpg/.

Мой вопрос:

• Есть ли решение JS или Jquery, которое делаетэтот?(Я серьезно искал две недели без удачи.)

• Есть ли другие рекомендации?

Answer 1

с использованием контейнера div в стиле 'overflow: hidden' позволяет выполнять маскирование, как показано на графике.тогда легко переместить замаскированный контент, установив его в «position: absolute» и настроив «левое» значение.

Я поместил короткий пример этого онлайн только на http://jsfiddle.net/BDZPj/

Дело в том, что вы должны знать высоту прокручиваемого содержимого, так как вы также должны установить высоту для маски.Вы можете прочитать высоту из таблицы на document.ready, хотя и изначально применить ее к контейнеру.

в любом случае, как говорит «Pointy» в комментарии выше, использование стандартной полосы прокрутки, безусловно, лучший способсделайте это - иногда клиент тоже должен двигаться.