Перейти к содержимому


Как Правильно Переверстать Левую Колонку Навигации


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Jack Gun

Jack Gun

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 69 сообщений

Отправлено 15 Май 2014 - 16:13

Я решил установить на сайт модуль отзывов от стороннего сервиса. Но возникла проблема. При нажатии на кнопку "написать отзыв" он проматывает страницу до блока с отзывами, и вернуться обратно к карточке товара без перезагрузки уже нельзя.

Разработчики нашли проблему, но я совершенно не представляю как ее решить:

Цитата

main.css стр. 2577
перекрытый класс bootstrap

.row {
overflow : hidden;
}

С помощью этого "хака" решена проблема с версткой левой колонки навигации, практически "бесконечной" в высоту, что влияет на вычисления размеров div class='row'.

При сколлировании стандартным вызовом js <element>.scrollIntoView() область с нужным элементом скролируется в видимую область, при этом для перемещения выбирается очерёдность областей, доступных для скроллирования. Первой в иерархии оказывается родительский div, с искусственно отрезанным показом "бесконечной" высоты наследника - левой колонки навигации.

Варианты решения: поправить вёрстку левой колонки.

Код для проверки эффекта на этой конкретной странице
http://jackgun.ru/go...mod_id=55493791

в консоли браузера выполнить
$('iframe')[0].scrollIntoView(
);

При отключенном overflow:hidden cкроллирование пройдёт без проблем до видеоролика, не повредив/не съев отображение контента над ним (но тогда видны огрехи вёрстки левой колонки навигации)
При влюченном (как сейчас) overflow:hidden  - контент над роликом будет "зажёван" скроллированием.


#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 443 сообщений

Отправлено 15 Май 2014 - 17:09

Просмотр сообщенияJack Gun (15 Май 2014 - 16:13) писал:

Я решил установить на сайт модуль отзывов от стороннего сервиса. Но возникла проблема. При нажатии на кнопку "написать отзыв" он проматывает страницу до блока с отзывами, и вернуться обратно к карточке товара без перезагрузки уже нельзя.

Разработчики нашли проблему, но я совершенно не представляю как ее решить:

Попробуйте сделать бэкап, далее удалить
.row {
overflow : hidden;
}

Теперь в шаблоне bootstrap-responsive.min.css и bootstrap.min.css везде, где идет .span4 и внутри строчки height:100% или margin-bottom или padding-bottom удалить эти строчки.

#3 Jack Gun

Jack Gun

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 69 сообщений

Отправлено 15 Май 2014 - 18:42

Спасибо, помогло!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных