Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/8: Рейтинг темы: голосов - 8, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 29.05.2016
Сообщений: 2

Баг со скроллом и табами

29.05.2016, 17:04. Показов 1733. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
На этой страничке http://zimnitskiy.com/peregrin/one-direction.html есть табы, которые скроллятся вместе с контентом,
а на последнем табе их скролл прекращается и дальше скроллится только контент.

Использовал скрипт отсюда http://shpargalkablog.ru/2013/09/scroll-block.html, последний вариант.

Всё работает, но есть баг, который заключается в том, что когда контента не хватает для скролла,

на ul где эти табы остается класс "stop", который вешает скрипт выше для его работы. Этот класс
фиксирует блок и добавляет свойство top равное проскроллиному непроблемного таба.

Т.е. когда контента хватает для скролла класс убирается или меняется на другой "sticky",
а когда контент не скроллится класс "stop" остается и меню получает отступ сверху,
в результате табы съезжают.

Это заметно на разрешении 1920px с табом "Право социального обеспечения",

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

Ожидается решение, при котором блок с данным и другими табами с малым содержанием контента, а именно без скролла, будут скроллиться до последнего таба и обратно вверх. При этом начальная позиция меню с табами остается на месте и не съезжает.

Заранее благодарю.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
29.05.2016, 17:04
Ответы с готовыми решениями:

МЕНЮ С ТАБАМИ, БАГ в FIREFOX
Добрый вечер форумчане, помогите пожалуйста, такая беда. Сделал себе меню с табами а оно с багами. В Хроме и в Опере всё отлично...

Opera баг со скроллом
Всем привет. Есть код. <body style="overflow-y: scroll; margin: 0;padding: 0;"> <div> <div...

Проблема с табами
Первая вкладка у меня стоит с классом "active", при нажатии на вторую или третью у первой должен удалиться класс "active" и...

1
0 / 0 / 0
Регистрация: 29.05.2016
Сообщений: 2
27.06.2016, 00:54  [ТС]
Проблему решил, тему можно считать закрытой. Добавил действие в js по клику на li-шке, после чего убирается класс.

Актуальный сайт с решенной проблемой табов http://peregrin-group.com/one-direction.html
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
27.06.2016, 00:54
Помогаю со студенческими работами здесь

Работа с табами
Приветствую возник вопрос, допустим у меня на форме есть tabControl в котором несколько tabPage, допустим две или три изначально...

Баг в программе. Без цикла работает нормально. С циклом выдает баг
Здравствуйте. Пишу программу. И как не пытался ее переписать, как дохожу до момента включения в код большого цикла while, который запускает...

std::regex : баг на сайте или баг компилятора?
http://en.cppreference.com/w/cpp/regex/regex_match этот код выкидывает throw... Добавлено через 35 секунд компилятор gcc 4.8

Слайдер slick в табами JQuery UI
Добрый вечер, есть табы от JQuery UI и в каждом табе есть по слайдеру slick. При клике на неактивный таб, слайдер slick ломается. Решается...

Переключатель между табами (вкладками)!
Всем привет ! Работаю над одним проектом, нужно реализовать переключение табов, собственно это не проблема. Проблема в том, что нужно...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru