Поддержка Проблемы и решения Проблемы со скроллингом вниз страницы

  • Решено aleks2452575

    (@aleks2452575)


    Поставил тему PureMag из мастерской и столкнулся с траблом: при создании main sidebar (любого — от архива, до поиска, календаря и т.п.), скроллинг вниз начинает жутко заедать и не доходит до футера страницы. все остальные бары (top widgets, bottom widgets) после добавления такой проблемы не вызывают. В коддинге хтмл и сс, да и во всем этом Веб хозяйстве не шарю от слова совсем, но на хабре нашел пост, где проблема решилась удалением какого-то ява скрипта на плавный скроллинг. По названию, ни в хедере, ни в футере я его не нашел. Мб кто подскажет что дельное на этот счет?

    P.s сорри, если пост с ответом на такую траблу уже есть (ну и киньте ссылочку на него плез)

    • Тема изменена 4 года назад пользователем aleks2452575.
Просмотр 9 ответов — с 1 по 9 (всего 9)
  • В коддинге хтмл и сс, да и во всем этом Веб хозяйстве не шарю от слова совсем

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

    И вообще, нужно знать как выполнить стандартную диагностику в случае возникновения проблем на сайте. Во вногих случаях выполнение пунктов 3-6 помогает если уж не решить проблему, то хотя бы понять её причину.

    • Ответ изменён 4 года назад пользователем zoltsmaster.
    • Ответ изменён 4 года назад пользователем zoltsmaster. Причина: Исправлена ссылка
    anonymized-17844177

    (@anonymized-17844177)

    aleks2452575, привет.

    скроллинг вниз начинает жутко заедать и не доходит до футера страницы

    Это из-за кривой реализации стики-сайдбара. Лечится 2 вариантами: удалением стики просто в принципе, и тогда сайдбар будет зафиксирован, либо заменой стики на более адекватный вариант (либо тоже скриптом, либо плагином).

    zoltsmaster,

    Благо есть с чего выбрать

    Выбирают не С чего-то, а ИЗ чего-то.

    Выбирают не С чего-то, а ИЗ чего-то.

    А как правильно говорить -сделать сайдбар ширее — или сделать сайдбар ширше?

    Широшечнее, бездари.

    • Ответ изменён 4 года назад пользователем tuxfighter. Причина: а нефиг свои посты редактировать
    Автор aleks2452575

    (@aleks2452575)

    zoltsmaster

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

    Спасибо за подсказку

    vladvector, салют

    Лечится 2 вариантами: удалением стики просто в принципе, и тогда сайдбар будет зафиксирован, либо заменой стики на более адекватный вариант (либо тоже скриптом, либо плагином).

    Вот про это хотелось бы чуть поподробнее.
    Я, конечно, уже начал перебирать другие фри темки и, в принципе, нашел почти то, что нужно. Однако на будущее хотелось бы руку хоть малеха набить, самостоятельно покопавшись в коде. Можно линки на какие-нить ресы, где с примерами разбирают замену/удаление стиков? Разбираться не лень. Туго идет в этом деле серф инфы, когда не знаешь, что нужно искать

    • Ответ изменён 4 года назад пользователем aleks2452575.
    anonymized-17844177

    (@anonymized-17844177)

    aleks2452575,

    Можно линки на какие-нить ресы, где с примерами разбирают замену/удаление стиков?

    Для большего понимания лучше как раз самому скачать пару скриптов стики-блоков (популярные: раз, два, три) и поиграть с их внедренем/настройкой/поведением. Они простые и вы быстро сориентируетесь как это работает.

    Плюс, для WordPress есть популярный стики-плагин, довольно простой и в меру функциональный. Кому-то нравится 🙂

    Вот про это хотелось бы чуть поподробнее.

    Автор темы зачем-то задал для сайдбара и блока контента один и тот же класс theiaStickySidebar, который запускает сам механизм стики, но там неправильно рассчитывается высота блоков, поэтому получается такое заедание своеобразное. Если поменять название класса theiaStickySidebar у сайдбара на, скажем, theia-StickySidebar, то глитч при скролле внизу страницы уменьшится.

    Далее, эксперименты (действия грубые, направлены только на эксперимент и понимание работы стики):
    1 — /wp-content/themes/puremag/assets/js/theia-sticky-sidebar.js — кривой виновник торжества (можно либо очистить сам файл, либо удалить код, вызывающий его: /wp-content/themes/puremag/assets/js/custom.js (удаляем/комментируем со строки 76 по 81) и /wp-content/themes/puremag/inc/functions/enqueue-scripts.php (удаляем/комментируем строку 20);
    2 — /wp-content/themes/puremag/index.php — <div class="theiaStickySidebar"> — блок с контентом (именно он относительно сайдбара должен быть стики);
    3 — /wp-content/themes/puremag/sidebar.php — <div class="theiaStickySidebar"> — класс этого блока нужно поменять на любой другой, скажем, на theia-StickySidebar (чтобы не было 2-х одинаковых классов на запуск стики).

    Далее, с плагином всё гораздо проще: задаёте в настройках //ваш_сайт.ru/wp-admin/options-general.php?page=stickyanythingmenu класс, для которого будет работать эффект стики — .theia-StickySidebar (с точкой), сохраняете настройки и проверяете работу плагина.

    Автор aleks2452575

    (@aleks2452575)

    vladvector
    Спасибо за столь подробный ответ.. Низкий поклон и долгих лет жизни вам, мэтр :3

    anonymized-17844177

    (@anonymized-17844177)

    aleks2452575, спасибо! Будут вопросы — пишите 🙂

Просмотр 9 ответов — с 1 по 9 (всего 9)
  • Тема «Проблемы со скроллингом вниз страницы» закрыта для новых ответов.