Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.12.2017, 00:18
Новичок на форуме
Отправить личное сообщение для biorobot Посмотреть профиль Найти все сообщения от biorobot
 
Регистрация: 21.12.2017
Сообщений: 1

смена стилей css при прокрутке, не работает в ie , safari
Здравствуйте! в js почти ничего не знаю, нашел код на каком то сайте и методом тыка используя ограниченные знания изменил его. Работает в хроме и фаерфоксе, ие и сафари отказывается работать. судя по итогам поиска проблемы наткнулся на факт, отсутствует поддержка участков кода. как и что исправить не понимаю, прошу помощи...

необходимое действие:
изменение свойства css "z-index" в зависимости от позиции области просмотра

код:
var avatarElem = document.getElementById('range');
var avatarSourceBottom = avatarElem.getBoundingClientRect().bottom + window.pageYOffset;

window.onscroll = function() {
if ( window.pageYOffset < avatarSourceBottom) {
avatarElem.classList.remove('zindex');
} else if (window.pageYOffset > avatarSourceBottom) {
avatarElem.classList.add('zindex');
}
};
Ответить с цитированием
  #2 (permalink)  
Старый 27.12.2017, 10:10
Профессор
Отправить личное сообщение для atanov Посмотреть профиль Найти все сообщения от atanov
 
Регистрация: 27.06.2016
Сообщений: 180

Ну а после
avatarElem.classList.add('zindex');
?

нужно значение назначить

avatarElem.style.zIndex = ...;


Кстати, а это
avatarElem.classList.add('zindex');
и это
avatarElem.classList.remove('zindex');
работает? Что-то сомневаюсь...
Ответить с цитированием
  #3 (permalink)  
Старый 27.12.2017, 10:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

Сообщение от biorobot
, ие и сафари отказывается работать.
https://learn.javascript.ru/metrics-window#page-scroll
Цитата:
Кросс-браузерный вариант с учётом IE8 ...
var scrollTop =
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Появление/исчезновение элемента при прокрутке страницы JQuery 0leg9 Общие вопросы Javascript 37 21.09.2017 07:41
Смена картинок при нажатии Antonjrjr Элементы интерфейса 0 29.05.2017 11:57
Прилипающий sidebar дрожит при прокрутке carder Элементы интерфейса 1 24.10.2016 17:19
не работает слайдер при первой загрузки страницы Nailya jQuery 7 08.09.2016 16:33
Смена css стилей stvord Элементы интерфейса 5 03.09.2011 21:10