У меня есть эта страница HTML/Javascript, на которой мне нужна небольшая помощь. Когда JavaScript включен в браузере, он работает просто отлично, однако, когда браузеры JavaScript отключены, на самом деле показывает только первый Div. Есть ли способ изменить CSS/JavaScript, чтобы браузер отображал все DOV без анимации, когда JavaScript отключен? Отключено, все DOV будут отображаться на странице, без аннимации. < /p>
html < /p>
Text
Some Text
Text
Some Text
Text
Some Text
Text
Some Text
< /code>
css < /p>
.tag {
opacity: 0;
transform: translate(0, 10vh);
transition: all 1s;
}
.tag.visible {
opacity: 1;
transform: translate(0, 0);
}
< /code>
javascript < /p>
$(document).on("scroll", function() {
var pageTop = $(document).scrollTop();
var pageBottom = pageTop + $(window).height();
var tags = $(".tag");
for (var i = 0; i < tags.length; i++) {
var tag = tags;
if ($(tag).position().top < pageBottom) {
$(tag).addClass("visible");
} else {
$(tag).removeClass("visible");
}
}
});
< /code>
Извините, если это простой вопрос, но я относительно новичок в Javascript и не могу заставить его работать с CSS так, как я хочу. Помощь в этом также будет оценена.
Подробнее здесь: https://stackoverflow.com/questions/681 ... -animation
