Size: a a a

htmlbase.ru - чат по front-end разработке

2021 August 23

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
вроде работает )))
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
сейчас только запуталась во всех позициях :D
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
спасибо)
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
Так.. :D
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
кажется я опять промазала
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
var $body = $('body'),
       $header = $('header');
       $(document).on('scroll', function () {
           var position = $body.scrollTop(),
           block_position = $('.benefit-list').offset().top;
           block_position1 = $('.text-logotype').offset().top;
           block_position2 = $('.service-block').offset().top;
           block_position3 = $('.cases-all').offset().top;
           if (position >= block_position2 && position <= block_position3) {
               $header.removeClass('header-white');
           } else if (position >= block_position1 && position <= block_position2) {
               $header.addClass('header-white');
           } else if (position >= block_position && position <= block_position1) {
               $header.addClass('header-white');
           } else {
               $header.removeClass('header-white');
           }
       });
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
block_position работает и block_position3 тоже
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
вроде переставляла условие, думал, что я что то не так написала..
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
так... смогла попровить block_position, а вот при условие block_position3 не пойму...
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
var $body = $('body'),
       $header = $('header');
       $(document).on('scroll', function () {
           var position = $body.scrollTop(),
           block_position = $('.benefit-list').offset().top;
           block_position1 = $('.text-logotype').offset().top;
           block_position2 = $('.service-block').offset().top;
           block_position3 = $('.cases-all').offset().top;
           if (position >= block_position2 && position <= block_position3) {
               $header.addClass('header-white');
           } else if (position >= block_position1 && position <= block_position2) {
               $header.removeClass('header-white');
           } else if (position >= block_position && position <= block_position1) {
               $header.addClass('header-white');
           } else {
               $header.removeClass('header-white');
           }
       });
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
block_position3 = $('.cases-all').offset().top; как вписать правильно? все остальные правильно отрабатывают
источник

Е

Евгений in htmlbase.ru - чат по front-end разработке
А block_position3 ниже всех?
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
да
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
Сделала вот так
           if (position >= block_position3) {
               $header.removeClass('header-white');
           } else if (position >= block_position2 && position <= block_position3) {
               $header.addClass('header-white');
           } else if (position >= block_position1 && position <= block_position2) {
               $header.removeClass('header-white');
           } else if (position >= block_position && position <= block_position1) {
               $header.addClass('header-white');
           } else {
               $header.removeClass('header-white');
           }
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
вроде правильно..
источник

Е

Евгений in htmlbase.ru - чат по front-end разработке
Работает?
источник

E

Estai in htmlbase.ru - чат по front-end разработке
ребята создам вопрос не по теме фронтенда  ,можно ?
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
неа ( как на последнем блоке не отрабатывает (
источник

TD

Twilight Destiny in htmlbase.ru - чат по front-end разработке
может как поставить условие, что если после блока класс убирался?
источник

Е

Евгений in htmlbase.ru - чат по front-end разработке
А убери первое условие совсем
источник