Views 3 таблица. Фиксировать шапку при скроллинге

Аватар пользователя guban guban 14 апреля 2018 в 14:08

Есть блок с таблицей views в середине страницы.
Нужно реализовать липкую шапку всегда сверху страницы (или блока views) при скроллинге.
Views так может? (может есть доп. плагины для этого) Или компоненты Друпала?

0 Thanks

Лучший ответ

Аватар пользователя Olegars Olegars 14 апреля 2018 в 15:05
2

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

11

Комментарии

Аватар пользователя loup54 loup54 14 апреля 2018 в 14:49

Он же модуль запросов в базу и вывода инфы на фронтэнд, но он может при выводе добавить теги и силекторы. Поэтому я думаю, что просто вьюсом тут точно не обойтись, я бы jquery подумал. Т.е., добавить класс вьюхе, например, .stickytop, а затем добавить и подключить скрипт, типа:

01.$(function(){
02.$(window).scroll(function() {
03.if($(this).scrollTop() >= 250) {
04.$('nav.main-nav').addClass('stickytop');
05.}
06.else{
07.$('nav.main-nav').removeClass('stickytop');
08.}
09.});
10.});

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

Аватар пользователя loup54 loup54 14 апреля 2018 в 14:53

А вот на css, добавляете класс для вьюхи и в style:

01.ваш_класс {
02.background:#fff;
03.height:60px;
04.z-index:170;
05.margin:0auto;
06.border-bottom:1pxsolid#dadada;
07.width:100%;
08.position:fixed;
09.top:0;
10.left:0;
11.right:0;
12.text-align: center;
13.}
Аватар пользователя Olegars Olegars 14 апреля 2018 в 14:56

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

Аватар пользователя guban guban 14 апреля 2018 в 18:02

Да, спасибо. Помню где-то видел это, а это оказывается в самих настройках таблицы)

Аватар пользователя Phantom63rus Phantom63rus 15 апреля 2018 в 12:28

Маленький нюанс: были замечены глюки стокового функционала на мобильных девайсах.