резкий скачек на экране при пролистывании

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем дима174, 20.10.2015.

  1. Offline

    дима174 Недавно здесь

    Регистрация:
    20.10.2015
    Сообщения:
    9
    Симпатии:
    0
    добрый вечер !

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

    http://www.balkon-chel.ru в разделе услуги выбрать любой материал вот там.
     
    дима174, 20.10.2015
    #1

  2. Наши спонсоры

     
  3. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Ты имеешь ввиду раскрытие верхнего меню?
    Или ты про то, что если нажать на пункт меню "Услуги" или один из его пунктов, то происходит мгновенный скролинг страницы на самый верх?

    P.S.: Тебе удобно писать без знаков препинания? Может тогда и пробелы между словами не ставить?
     
    AKopytenko, 20.10.2015
    #2
  4. Offline

    дима174 Недавно здесь

    Регистрация:
    20.10.2015
    Сообщения:
    9
    Симпатии:
    0
    дима174, 21.10.2015
    #3
  5. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Ну смотри скрипт, который меняет положение верхнего меню, делая ему position: fixed, когда оно уходит наверх.
     
    AKopytenko, 21.10.2015
    #4
  6. Offline

    дима174 Недавно здесь

    Регистрация:
    20.10.2015
    Сообщения:
    9
    Симпатии:
    0
    в этом не сильно силен, если б кто то помог подсказал , могу отблагодарить
     
    дима174, 22.10.2015
    #5
  7. Offline

    дима174 Недавно здесь

    Регистрация:
    20.10.2015
    Сообщения:
    9
    Симпатии:
    0
    кто нибудь подскажет ?
     
    дима174, 07.12.2015
    #6
  8. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    Описать можешь детально и скрин желательно
     
    OlegK, 07.12.2015
    #7
  9. Offline

    дима174 Недавно здесь

    Регистрация:
    20.10.2015
    Сообщения:
    9
    Симпатии:
    0
    вобщем если открыть любую статью в меню УСЛУГИ

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

    как то плавно чтоб было
     
    дима174, 07.12.2015
    #8
  10. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    Код (css):
    1. #top.affix {
    2.   animation: 1.2s ease-in-out 0s normal none 1 running slide-top-fixed;
    3.   padding-bottom: 0;
    4.   transform-origin: 0 0 0;
    5.   z-index: 9999;
    6. }

    /templates/tx_bizcorp/css/template.css
    меняй animation: 1.2s, у тебя 0.2с
     
    OlegK, 07.12.2015
    #9
  11. OlegM
    Offline

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 311
    Симпатии:
    375
    Пол:
    Мужской
    Учи CSS! В твоем случае - позиционирование элементов.

    При position:fixed блок #top.affix выпадывает из потока документа, поэтому нижний блок #container-wrapper резко скачет вверх (сверху его ничего не подпирает, т.к. #top.affix выпал).
    В момент выпадения #top.affix как минимум надо для #container-wrapper добавлять верхний padding (margin), равный высоте #top.affix, чтобы не было резкого скачка вверх.

    Только в твоем случае надо еще учитывать дурацкую картинку в шапке, которая не равна высоте меню. В общем - экспериментируй, подстраивай момент перехода... ;)
     
    OlegM, 07.12.2015
    #10
  12. Offline

    дима174 Недавно здесь

    Регистрация:
    20.10.2015
    Сообщения:
    9
    Симпатии:
    0
    а если картинку растянуть сделать такую же большую как и на главной странице
     
    дима174, 07.12.2015
    #11
  13. OlegM
    Offline

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 311
    Симпатии:
    375
    Пол:
    Мужской
    Причем здесь картинка?
     
    OlegM, 07.12.2015
    #12
  14. Offline

    дима174 Недавно здесь

    Регистрация:
    20.10.2015
    Сообщения:
    9
    Симпатии:
    0
    на главной странице все ровно идет без скачков тут так же может сделать как то
     
    дима174, 08.12.2015
    #13
  15. OlegM
    Offline

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 311
    Симпатии:
    375
    Пол:
    Мужской
    Потому что там у меню всегда position:fixed
     
    OlegM, 08.12.2015
    #14
  16. Offline

    дима174 Недавно здесь

    Регистрация:
    20.10.2015
    Сообщения:
    9
    Симпатии:
    0
    а как вообще может убрать это плавающее меню на страницах всех кроме главной , чтоб вверху просто фиксированно было
     
    дима174, 08.12.2015
    #15
< JURI::base ()? | Не меняется цвет ссылки в CSS >

Поделиться этой страницей

Загрузка...