| |
|
|
| | Здравствуйте.
Есть длинная таблица. Есть шапка таблицы. Как сделать так, что при прокрутке шапка таблицы всегда была видна? | |
| |
|
|
| |
|
|
| |
для: antf
(05.06.2014 в 12:20)
| | | Эта "шапка", как правило, не является частью таблицы, а представляет собой отдельный, "приклеенный" к верху таблицы div.
Далее, при прокрутке страницы, если положение этого div'a выходит из видимой области, ему присваивается абсолютное позицирование вверху окна браузера. | |
| |
|
|
| |
|
|
| |
для: antf
(05.06.2014 в 12:20)
| | | Написать срипт на JS, ну или использовать что-то готовое, самое удобное и простое что я нашел когда-то из готовых:
https://github.com/jmosbech/StickyTableHeaders
там есть примеры использования, все оч просто | |
| |
|
|
| |
|
|
| |
для: visionp
(05.06.2014 в 13:42)
| | | >https://github.com/jmosbech/StickyTableHeaders
Спасибо! То, что доктор прописал! Отличная штука! | |
| |
|
|
| |
|
|
| |
для: antf
(05.06.2014 в 18:02)
| | | А у меня есть без jQuery... | |
| |
|
|
| |
|
|
| |
для: elenaki
(05.06.2014 в 18:13)
| | | И также быстро и легко подключается? Здесь подключил Библиотеку, добавил одну строчку кода и всё. Ну и шапку таблицы в теги <thead> надо заключить. | |
| |
|
|
| |
|
|
| |
для: antf
(05.06.2014 в 18:41)
| | | Стили и шапку. Все. | |
| |
|
|
| |
|
|
| |
для: elenaki
(05.06.2014 в 21:16)
| | | Интересно, а как так получается? | |
| |
|
|
| |
|
|
| |
для: antf
(05.06.2014 в 12:20)
| | |
<div style="position:fixed"></div>
|
| |
| |
|
|
| |
|
|
| |
для: Commander
(06.06.2014 в 07:30)
| | | интересно, а вы прописываете положение c фиксед для каждого случая в отдельности? | |
| |
|
|
| |
|
|
| |
для: moonfox
(06.06.2014 в 08:14)
| | | Не понял вопроса. Вы имеете в виду что стиль инлайновый (style="position: fixed")? | |
| |
|
|
| |
|
|
| |
для: Commander
(06.06.2014 в 20:43)
| | | ага
напишите фиксед без случая
js то применяет его по условию. | |
| |
|
|
| |
|
|
| |
для: moonfox
(06.06.2014 в 20:51)
| | | И что, что инлайновый? Я просто продемонстрировал принцип решения.
js то применяет его по условию.
А какая разница по условию или без? Главное, что чистый CSS будет работать всегда. Будет ли ваш JS работать тогда, когда пользователь отключит у себя скрипты? | |
| |
|
|
| |
|
|
| |
для: Commander
(06.06.2014 в 22:51)
| | | ваш заголовок будет висеть поверх всего и нужного и ненужного | |
| |
|
|
| |
|
|
| |
для: moonfox
(06.06.2014 в 23:55)
| | | А у меня нет ненужного на странице, где прибит заголовок. | |
| |
|
|
| |
 49.4 Кб |
|
| |
для: Commander
(06.06.2014 в 22:51)
| | | >Главное, что чистый CSS будет работать всегда.
"никогда не говори никогда"(с) >>>>>>>>>>>>>>>> | |
| |
|
|
