Ответы пользователя по тегу CSS
  • Как сделать скрол меню при скроле блоков?

    @Froskyta_1
    Лови,
    jQuery(window).scroll(function(){
    var $sections = $('section');
    $sections.each(function(i,el){
    var top = $(el).offset().top-100;
    var bottom = top +$(el).height();
    var scroll = $(window).scrollTop();
    var id = $(el).attr('id');
    if( scroll > top && scroll < bottom){
    $('.Здесь путь к твоим ссылкам, то бишь тегам а').removeClass('active');
    $('.desktop-menu a[href="#'+id+'"], .block-mobile-menu a[href="#'+id+'"]').addClass('active');

    }
    })
    });

    $("nav").on("click","a", function (event) {
    // исключаем стандартную реакцию браузера
    event.preventDefault();

    // получем идентификатор блока из атрибута href
    var id = $(this).attr('href'),

    // находим высоту, на которой расположен блок
    top = $(id).offset().top;

    // анимируем переход к блоку, время: 800 мс
    $('body,html').animate({scrollTop: top}, 800);
    });

    Главное, чтобы твои айди блоков, и href ссылок были одинаковы
    Ответ написан
    2 комментария
  • Как сделать position: fixed /absolute обтекаемым?

    @Froskyta_1
    $('.menu a').bind("click", function(e) {
    var anchor = $(this);
    $('html, body').stop().animate({
    scrollTop: $(anchor.attr('href')).offset().top - 0 //Добавление отступа сверху написать цифру, вместо нуля, это как пиксели
    }, 500);
    });
    Ответ написан
    Комментировать
  • HTML-верстка, насколько хорошо нужно знать javascript?

    @Froskyta_1
    Сейчас верстальщик мало кому нужен, уже обычные конструкторы их заменяют. Если хочешь верстать статичные сайты и быть многим компаниям пригодным. То лучше выучи html, css препроцессоры, а так же js (базовый уровень), jquery(обязательно), просто для анимашек, и для других разных ситуаций. И использовать сборщик, в основном gulp js достаточно. Если говорить, что легче выучить, то все кроме js, и то не сложно базовый подтянуть.
    Ответ написан
    Комментировать