Переключение между добавлением / удалением имени класса из элемента в JavaScript

Question

Я работаю над переключением между добавлением и удалением имени класса из элемента в Javascript.

Ниже приведен код для этого:

const yaxis = xyaxis.querySelector('.y-axis');   

yaxis.classList.toggle('y-axis-scroll-bar', .35 <= yaxis.firstElementChild.offsetHeight / window.innerHeight);

Постановка проблемы:

В приведенном выше коде yaxis.classList.toggle('y-axis-scroll-bar'), кажется, добавляетПолоса прокрутки по оси Y при переключении.

Мне интересно, что делает эта часть .35 <= yaxis.firstElementChild.offsetHeight / window.innerHeight кода выше.

Answer 1

Если есть сомнения, проверьте документы. Второй аргумент classList.toggle указывает интерпретатору , добавлять ли класс, указанный в первом аргументе, или удалять его:

toggle( String [, force] )

Когда присутствует только один аргумент: переключить значение класса; то есть, если класс существует, удалите его и верните false, если нет, то добавьте его и верните true.

Когда присутствует второй аргумент: если второй аргумент оценивается как true, добавьте указанное значение класса, а если он оценивается как false, удалите его.

Итак, в вашем коде, когда

.35 <= yaxis.firstElementChild.offsetHeight / window.innerHeight

оценивается как true, класс y-axis-scroll-bar добавляется к элементу, если класс еще не существует на нем - в противном случае, если он оценивается как false, класс удаляется, если он существует.