2014-11-18 2 views
0

Хорошо, вот моя дилемма, и я надеюсь, что смогу это объяснить достаточно хорошо, потому что у меня нет примера, который я могу опубликовать прямо сейчас, но буду работать, если придется.Позиционирование прокрутки

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

Дилемма в этом сценарии заключается в том, что порой внутренний контент переполняет внешний div таким образом, что мне приходится прокручивать вниз, чтобы перейти на полосу прокрутки внутренней области содержимого, чтобы переместить ее влево и вправо. Есть ли способ, которым я могу поместить полосу прокрутки в нижней части внешнего div, которая будет управлять левым и правым движением внутреннего div-содержимого, но не перемещать верхний и нижний колонтитулы внутреннего содержимого внешнего div?

Надеюсь, я объяснил это достаточно хорошо.

Dan B

+2

Вы знаете, вы могли бы, вероятно, написанные на легко читаемом пример в то время, которое потребовалось вам, чтобы объяснить свой код в словах , –

+0

Пожалуйста, посетите jsFiddle.net и сделайте пример с HTML, который вы имеете в виду, чтобы мы могли помочь вам лучше. – Sergio

+0

Вот скрипка, которую я построил частично с кодом, с которым я работаю. http://jsfiddle.net/nbeuko3v/embedded/result/ Как вы можете видеть, вертикальная полоса прокрутки справа перемещает павильоны заголовка и нижнего колонтитула и таблицу содержимого. Если вы прокрутите страницу вниз до чуть выше указателя нижнего колонтитула, вы увидите горизонтальную прокрутку, которая перемещает содержимое таблицы данных влево и вправо. Мне нужен трюк JS, чтобы поместить полосу прокрутки в нижнюю часть главного контейнера div, которая будет прокручивать содержимое таблицы данных слева и справа, но НЕ - пагинаторы заголовка и нижнего колонтитула. –

ответ

0

На самом деле решение, которое вы ищете, проблема у меня ... в отношении заголовков в таблицах. Заголовок не будет прокручиваться влево и вправо вместе с внутренним контентом, и мне это нужно.

Не уверен в вашей проблеме, но вы можете попробовать работать с верхними и нижними колонтитулами в таблицах. Я стащила/заимствован код здесь, чтобы узнать о фиксированных заголовков таблицы:

http://salzerdesign.com/test/fixedTable.html

Работает отлично, пока я не вертикальную полосу прокрутки. Затем заголовок остается фиксированным и не будет перемещаться с остальными столбцами. Я не пробовал работать с настольными колонтитулы все же ...

Приветствия, Джефф

+0

Не совсем то, что я хотел Джеффа. См. Мой комментарий к моему оригинальному сообщению. –

Смежные вопросы