Показать сообщение отдельно
  #11 (permalink)  
Старый 16.05.2018, 01:36
Аватар для Mansolide
Новичок на форуме
Отправить личное сообщение для Mansolide Посмотреть профиль Найти все сообщения от Mansolide
 
Регистрация: 14.05.2018
Сообщений: 7

Спасибо, такой код мне не понятен, как его редактировать не знаю потому отпишусь, удалил строку загрузки, что бы сразу не запускалось.

При открытии сайта в десктопе всё нормально, но при скроле скрипт запускает появление тени полупрозрачности, при возвращении на верх, тень и полупрозрачность остаётся, то есть при скролле скрипт запускается полностью и не отключается, а в десктопе он вообще не должен работать.

В Хроме F12 мобильный вид, работает как и задумано, тень и полупрозрачность появляется при скролле, при возврате убирается и виден основной общий фон страницы, то есть всё хорошо.

При увеличении ширины более чем 768рх при скролле скрипт запускается снова.

Привожу код, что бы было видно подключении, так как даже синтаксис плохо освоил, потому мало ли ошибся.
<script type='text/javascript'>
$(function(){
     function addRemoveCSS (){		
		 var top = $(document).scrollTop();
		 var flag = $(window).width() < 769 && top < 1 && $('.topblock').css('box-shadow') !== 'none';

		 if(flag) $('.topblock').css({'box-shadow':'none','background':'rgba(255,255,255,0.0)'});
		 else $('.topblock').css({'box-shadow':'0 0 2px rgba(0,0,0,0.5)','background':'rgba(255,255,255,0.9)'});
	}
	 $(window).scroll(addRemoveCSS); 
	 matchMedia('(min-width: 769px)').addListener(addRemoveCSS);
});
</script>
Ответить с цитированием