С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
simatic007
0 / 0 / 0
Регистрация: 08.08.2017
Сообщений: 38
1

Зафиксировать заголовок таблицы при прокрутке

09.02.2018, 22:03. Просмотров 800. Ответов 1
Метки нет (Все метки)

Добрый день. Есть сайт, в его середине находится достаточно длинная таблица, необходимо реализовать следующий функционал: при прокрутке таблицы ее шапка остается зафиксированной. Как только вся таблица промотана - то шапка тоже прячется.
Понятно, что нужно брать событие scroll и внутри скрипта шапке добавлять
CSS
1
position:fixed
. После окончания прокрутки убирать это правило. Кто нибудь сталкивался с такой проблемой, либо знает где взять код? Спасибо.
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
09.02.2018, 22:03
Ответы с готовыми решениями:

Зафиксировать полоску при прокрутке страницы
добрый вечер)такой вот вопрос)как сделать чтоб верхняя полоска при проктурке...

Как зафиксировать шапку таблицы при скролле?
Добрый день уважаемые форумчане. Появилась задача зафиксировать шапку таблицы...

Как сделать сортировку таблицы при клике на заголовок
<?php include("db_connect.php"); header('Content-type: text/html;...

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

Зафиксировать шапку и боковую колонку таблицы
Здравствуйте! Есть таблица, построенная полностью на тегах table, thead,...

1
atanov
211 / 204 / 79
Регистрация: 26.05.2016
Сообщений: 1,287
10.02.2018, 07:06 2
Посмотрите мой пример на javascript вот здесь, последний пост:
Закрепить строку и столбец в таблице на странице
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
10.02.2018, 07:06

Как зафиксировать блоки таблицы HTML / CSS ?
Здравствуйте. Делаю небольшой сайт-визитку и в процессе создания столкнулся...

Заголовок таблицы
Есть код который рисует таблицу <div class="scrollable "> <table...

Заголовок с использованием таблицы
Всем привет! Пожалуйста помогите! У меня такая вот проблема: h3.moduletitle...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru