при этом вариант 1 отсутствует в html коде страницыВ таком случае это нужно сделать еще на сервере, до отправки страницы клиенту. Что за сервер у вас?
.main-content ul li:before {}
и .main-content ul.list-plus li:before
(ниже) а из js только меняйте класс list-plus..main-content ul li:before {}
есть свойство margin-top: 7px;
, например, и оно НЕ ОТМЕНЯЕТСЯ при добавлении list-plus. $(widow).on('wheel', function(evt){
if (блок_еще_не_приехал) {
evt.preventDefault() // отменяем обычный скролл
двигаемБлок(evt)
}
})
document.addEventListener("DOMContentLoaded", function(event) {
let tab = document.querySelector(location.hash)
if (tab) {
tab.classList.add('active')
}
});
.foo {
width: 180px; height: 80px; background: red;
animation: rotate 3s ease-in-out infinite;
}
.foo:hover {
background: green;
animation-play-state: paused;
}
@keyframes rotate {
from {transform: rotate(0)}
to {transform: rotate(360deg)}
}
jsfiddle.net/5npyrtuf