Size: a a a

JavaScript Rules

2020 August 26

GK

Gleb Khurtay in JavaScript Rules
Всем привет , может кто-нибудь может подсказать как это можно сделать?
На сайте есть такой телефон , и когда пользователь долистывает до этого телефона , нужно что бы изображение на телефоне начинала медленно скролится вниз.
источник

OS

Oleg S in JavaScript Rules
Gleb Khurtay
Всем привет , может кто-нибудь может подсказать как это можно сделать?
На сайте есть такой телефон , и когда пользователь долистывает до этого телефона , нужно что бы изображение на телефоне начинала медленно скролится вниз.
на событие скрола проверять  где сейчас верхушка телефона, если находится в нужном месте, то запустить скрол внутри
источник

K

Kosanyak in JavaScript Rules
источник

K

Kosanyak in JavaScript Rules
Ребят нужна такая кнопка
источник

K

Kosanyak in JavaScript Rules
Делал но выходить за рамки страницы вторая часть кнопки
источник

ВМ

Виктор Москалев... in JavaScript Rules
оверфлов хидден на страницу и абсолютом сдвинуть
источник

ВМ

Виктор Москалев... in JavaScript Rules
оверфлов хидден на страницу и абсолютом сдвинуть
источник

I

Igor® in JavaScript Rules
RO 1 день, читаем правила
источник

ВМ

Виктор Москалев... in JavaScript Rules
Парни не подскажите если нужен подсчет чисел при появлении в поле зрения , есть какой то плагин для этого  , без джейквери ? (то есть если человек доскролит до определенного места то цифра в блоке плавно вырастет от 0 до 100)
источник

АВ

Антон Вирченко... in JavaScript Rules
Да, scrollTop() используешь, ставишь определенное условие и добавляешь +1 к width блока, еще для плавности можешь использовать, setTimeOut()
источник

М

Максим in JavaScript Rules
Виктор Москалев
Парни не подскажите если нужен подсчет чисел при появлении в поле зрения , есть какой то плагин для этого  , без джейквери ? (то есть если человек доскролит до определенного места то цифра в блоке плавно вырастет от 0 до 100)
Intersection Observer, скорей всего
источник

AR

Alexandr Removskyi in JavaScript Rules
источник

FL

First Name Last name in JavaScript Rules
Ребят всем привет очень нужна ваша помощь не как не могу решить эту задачу есть два блока нужно при нажатие на первый блок пропал фон второго блока и наоборот вот код

https://codepen.io/Redfan/pen/eYZWmPm
источник

DK

Dmitry Kozlov in JavaScript Rules
First Name Last name
Ребят всем привет очень нужна ваша помощь не как не могу решить эту задачу есть два блока нужно при нажатие на первый блок пропал фон второго блока и наоборот вот код

https://codepen.io/Redfan/pen/eYZWmPm
let claq = document.querySelectorAll(".claq")

claq.forEach((el, i) => {
 el.onclick = () =>{claq[i].classList.toggle('active')}
})
источник

FL

First Name Last name in JavaScript Rules
Dmitry Kozlov
let claq = document.querySelectorAll(".claq")

claq.forEach((el, i) => {
 el.onclick = () =>{claq[i].classList.toggle('active')}
})
?
источник

DK

Dmitry Kozlov in JavaScript Rules
First Name Last name
?
вы выше просили помочь
источник

FL

First Name Last name in JavaScript Rules
да но я не очень понял ваш код
источник

DK

Dmitry Kozlov in JavaScript Rules
First Name Last name
да но я не очень понял ваш код
Вставьте в codepen вместо вашего
источник

М

Максим in JavaScript Rules
First Name Last name
Ребят всем привет очень нужна ваша помощь не как не могу решить эту задачу есть два блока нужно при нажатие на первый блок пропал фон второго блока и наоборот вот код

https://codepen.io/Redfan/pen/eYZWmPm
document.querySelectorAll('.claq').forEach(el => {
 el.addEventListener('click', function () {
   if (el.nextElementSibling.classList.contains('claq')) {
     el.nextElementSibling.classList.toggle('active');
   } else {
     el.previousElementSibling.classList.toggle('active');
   }
 })
});

Как вариант, будет работать на соседние блоки, даже если их больше 2, но если последний - тогда будет трогать прошлый
источник

SV

Sergey V in JavaScript Rules
First Name Last name
Ребят всем привет очень нужна ваша помощь не как не могу решить эту задачу есть два блока нужно при нажатие на первый блок пропал фон второго блока и наоборот вот код

https://codepen.io/Redfan/pen/eYZWmPm
Можно задать им id  или классы разные и удалять active если клик по-другому
источник