Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Фиксированные области
 
 автор: GeorgeIV   (22.01.2010 в 12:09)   письмо автору
 
 

Как можно зафиксировать левую колонку и верхнюю строку при прокрутке таблицы, аналогично Экселю?

  Ответить  
 
 автор: АЯ   (22.01.2010 в 13:12)   письмо автору
 
   для: GeorgeIV   (22.01.2010 в 12:09)
 

Фиксация верхней строки - приблизительно так.
Скрипт, правда, старенький (делал я его в мае 2008, что видно из таблицы).
Потом я его переделал, чтобы подгонка при броузерном изменении размеров шрифта (масштаба) была незаметна. Сейчас, увы, не могу найти файла у себя на компьютере - сетевой проект, где этот скрипт используется, сейчас в глубоком дауне. Но принцип тот же - клонирование таблицы и "засовывание" её в поверх лежащий див.

Аналогично решается и для левого столбца.

  Ответить  
 
 автор: GeorgeIV   (22.01.2010 в 14:10)   письмо автору
 
   для: АЯ   (22.01.2010 в 13:12)
 

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

  Ответить  
 
 автор: AlexSol   (22.01.2010 в 14:16)   письмо автору
 
   для: GeorgeIV   (22.01.2010 в 14:10)
 

http://www.artlebedev.ru/tools/technogrette/html/fixed_in_msie/

для остальных CSS-правило position: fixed.

  Ответить  
 
 автор: GeorgeIV   (22.01.2010 в 15:19)   письмо автору
 
   для: AlexSol   (22.01.2010 в 14:16)
 

попробуйте это пример в других броузерах при горизонтальном скролле

  Ответить  
 
 автор: AlexSol   (22.01.2010 в 15:32)   письмо автору
 
   для: GeorgeIV   (22.01.2010 в 15:19)
 

для горизонтального еще document.body.scrollLeft нужн

  Ответить  
 
 автор: GeorgeIV   (23.01.2010 в 16:44)   письмо автору
 
   для: AlexSol   (22.01.2010 в 15:32)
 

При использовании скрипта верхняя шапка заметно дергается

  Ответить  
 
 автор: AlexSol   (23.01.2010 в 17:15)   письмо автору
 
   для: GeorgeIV   (23.01.2010 в 16:44)
 

сосетую перечитать статью. там есть решение этого. + ссылка на другое решение вопроса.
ну или погуглите по 'иммитация фреймов css'

  Ответить  
 
 автор: GeorgeIV   (23.01.2010 в 17:38)   письмо автору
 
   для: AlexSol   (23.01.2010 в 17:15)
 

там только про вертикальный скролл говорится, при горизонтальном ведет по другому

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования