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

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

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

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

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

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

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

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

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

1
atanov
178 / 177 / 71
Регистрация: 26.05.2016
Сообщений: 1,130
10.02.2018, 07:06 #2
Посмотрите мой пример на javascript вот здесь, последний пост:
http://www.cyberforum.ru/javascript/thread693621.html
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
10.02.2018, 07:06
Привет! Вот еще темы с решениями:

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

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

Неподвижный заголовок таблицы
как закрепить на месте заголовок таблицы,чтоб при прокрутке таблицы теги <th>...

Как сделать непрокручиваемый заголовок таблицы?
Я сделал вот так: http://lucidlynx.ru/overflow/ но из-за того, что в нижней...


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

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

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