Категорически всех приветствую, имеется две вариации шапки, с классом header и header2
Нужно чтобы при пролистывании до середины контента заменялся класс header на header2 , чтобы было понятнее, у header2 задан position:fixed , и когда я обратно возрващаюсь в начало до header, header2 должен замениться на header, соответственно у header задана position:relative, буду очень признателен, если напишите код на jquery или js , заранее благодарен!
Добавлено через 25 минут
прмиенил вот такую конструкцию, все получилось
<script>
document.onscroll = function (event) {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
console.log(scrollTop);
if(scrollTop > 200) {
var el = document.getElementsByClassName('header')[0];
el.className = 'header2';
}
}
</script>
НО ОДНО НО, внутри блока еще один стиль храниться, соответственно он не появляется, изменился только один класс, а того не появилось, а нужно чтобы содержание всего блока header изменилось на Hedaer2 , если это возможно
Нужно чтобы при пролистывании до середины контента заменялся класс header на header2 , чтобы было понятнее, у header2 задан position:fixed , и когда я обратно возрващаюсь в начало до header, header2 должен замениться на header, соответственно у header задана position:relative, буду очень признателен, если напишите код на jquery или js , заранее благодарен!
Добавлено через 25 минут
прмиенил вот такую конструкцию, все получилось
<script>
document.onscroll = function (event) {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
console.log(scrollTop);
if(scrollTop > 200) {
var el = document.getElementsByClassName('header')[0];
el.className = 'header2';
}
}
</script>
НО ОДНО НО, внутри блока еще один стиль храниться, соответственно он не появляется, изменился только один класс, а того не появилось, а нужно чтобы содержание всего блока header изменилось на Hedaer2 , если это возможно
