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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by дима174, Oct 20, 2015.

  1. Offline

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

    Joined:
    Oct 20, 2015
    Messages:
    9
    Likes Received:
    0
    добрый вечер !

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

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

  2. Ads Master

     
  3. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Ты имеешь ввиду раскрытие верхнего меню?
    Или ты про то, что если нажать на пункт меню "Услуги" или один из его пунктов, то происходит мгновенный скролинг страницы на самый верх?

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

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

    Joined:
    Oct 20, 2015
    Messages:
    9
    Likes Received:
    0
    дима174, Oct 21, 2015
    #3
  5. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Ну смотри скрипт, который меняет положение верхнего меню, делая ему position: fixed, когда оно уходит наверх.
     
    AKopytenko, Oct 21, 2015
    #4
  6. Offline

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

    Joined:
    Oct 20, 2015
    Messages:
    9
    Likes Received:
    0
    в этом не сильно силен, если б кто то помог подсказал , могу отблагодарить
     
    дима174, Oct 22, 2015
    #5
  7. Offline

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

    Joined:
    Oct 20, 2015
    Messages:
    9
    Likes Received:
    0
    кто нибудь подскажет ?
     
    дима174, Dec 7, 2015
    #6
  8. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Описать можешь детально и скрин желательно
     
    OlegK, Dec 7, 2015
    #7
  9. Offline

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

    Joined:
    Oct 20, 2015
    Messages:
    9
    Likes Received:
    0
    вобщем если открыть любую статью в меню УСЛУГИ

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

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

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Код (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, Dec 7, 2015
    #9
  11. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Учи CSS! В твоем случае - позиционирование элементов.

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

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

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

    Joined:
    Oct 20, 2015
    Messages:
    9
    Likes Received:
    0
    а если картинку растянуть сделать такую же большую как и на главной странице
     
    дима174, Dec 7, 2015
    #11
  13. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Причем здесь картинка?
     
    OlegM, Dec 7, 2015
    #12
  14. Offline

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

    Joined:
    Oct 20, 2015
    Messages:
    9
    Likes Received:
    0
    на главной странице все ровно идет без скачков тут так же может сделать как то
     
    дима174, Dec 8, 2015
    #13
  15. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Потому что там у меню всегда position:fixed
     
    OlegM, Dec 8, 2015
    #14
  16. Offline

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

    Joined:
    Oct 20, 2015
    Messages:
    9
    Likes Received:
    0
    а как вообще может убрать это плавающее меню на страницах всех кроме главной , чтоб вверху просто фиксированно было
     
    дима174, Dec 8, 2015
    #15
< JURI::base ()? | Не меняется цвет ссылки в CSS >

Share This Page

Loading...