Недавно, когда я занимался статистикой проекта, я столкнулся с конкретным требованием, требуя, чтобы таблица была фиксирована при прокрутке вверх и вниз; При прокрутке влево и вправо таблица фиксируется в первом столбце таблицы, зафиксировано последний столбец первого столбца таблицы.
Может быть более ясно, что сначала поставить визуализации:
При прокрутке влево и вправо два столбца зафиксированы, а средняя часть головы и хвоста соответственно прокручивается.
При прокрутке вверх и вниз, голова и хвост фиксируются, а средняя часть первого и последнего столбца соответственно прокручивается.
Идеи:Подумав в течение долгого времени, я обнаружил, что в основном трудно достичь, если я просто использую таблицу, и есть противоречивые места при прокрутке вверх и вниз. Наконец, я передумал, чтобы использовать макет Div и подражать дизайну таблицы для достижения этого эффекта.
решать: 1. Общая компоновка: разделен на три части: верхняя, средняя и нижняя, а именно заголовок, тело и нижний колонтитул. Тело твердое. Реализуйте прокрутку вверх и вниз. Разве это не очень просто? Хаха. 2. Плата заголовок: разделен на левый контейнер вправо, левая ширина на 10% плавает влево, контейнер на 80% ширина влево, правая 10% ширина плавает влево. Добавьте контейнер с фактической шириной данных Container (относительное позиционирование).3. Тело, нижний колонтитул и заголовок.
4. Control Core: генерируйте (80%) div с той же шириной, что и контейнер, и поместите Div с той же фактической шириной данных, что и Container Container (например, id = scroll). Чтобы имитировать левые и правые полосы прокрутки.
JavaScript Code Copy Content в буфер обмена