Показать сообщение отдельно
  #4 (permalink)  
Старый 31.01.2020, 12:39
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от ozoro
А как проверить, что position: sticky; не работает в браузере? Это уже интереснее...
(function() {
	var isSupported = false;
	try {
		var p = document.createElement("p");
		p.style.position = "sticky";
		if(p.style.position === "sticky") isSupported = true;
		p.style.position = "-webkit-sticky";
		if(p.style.position === "-webkit-sticky") isSupported = true;
	} catch(error) {}
	
	if(!isSupported) { alert("Не поддерживается, пиши сюда свой дёргающийся способ"); }
	else { alert("Всё хорошо!"); }
})();


Сообщение от ozoro
Похоже в IE вообще не работает, возможно кроме указанной версии, которую пользователь, попавший на сайт, должен будет установить
IE9 — это устаревший браузер, которым мало кто пользуется. Вы можете проверить поддержку и для старого браузера использовать свой скрипт. А в браузерах, которые поддерживают стандарт работает нормальный способ позиционирования. position: sticky работает во всех современных браузерах, которыми обычно пользуются люди! https://caniuse.com/#feat=mdn-css_pr...osition_sticky
Ответить с цитированием