Форум Сайтостроение Веб-строительство

Попап при выходе.

AG
На сайте с 13.10.2014
Offline
44
AlexGr4
843

Всем привет. Появилась надобность выводить попап при закрытии страницы. В сети есть подобные скрипты, но все да что то не так у них. Вот я сделал выпадающий попап через определенное время http://goo.gl/DX7UWM . Как мне прикрутить к этому, что бы попап выпадал когда мышка поднимется наверх страницы, скажем на 10px до верхнего края?

Сейчас оно вот так: 

<script type="text/javascript">

	setTimeout(function(){$('.panelpp, .overlaypp').fadeIn('fast')},1000); 

</script>

<script type="text/javascript">

	$(document).ready(function(){

		$(".closepp").click(function(){

			$(this).parents(".panelpp, .overlaypp").animate({ opacity: 'hide' }, "slow");

		});

	});

</script>
tommy-gung
На сайте с 22.11.2006
Offline
300
tommy-gung
#1

http://javascript.ru/tutorial/events/properties#koordinaty-myshi:-clientx-y-pagex-y

Здесь не могла быть ваша реклама
Frelly
На сайте с 12.02.2016
Offline
31
Frelly
#2

Попробуйте

$(document).mouseleave(function(e) {

if(e.clientY < 0){ Ваша функция, открывающая попап }

AG
На сайте с 13.10.2014
Offline
44
AlexGr4
#3

Frelly, спасибо работает, но как настроить пиксели когда сработает попап? Например если хочу 100px от верхнего края и пишу if(e.clientY < 100) то ничего не меняется, тоже самое что и if(e.clientY < 0)

<script type="text/javascript">
	$(document).ready(function(){
		$(".closepp").click(function(){
			$(this).parents(".panelpp, .overlaypp").animate({ opacity: 'hide' }, "slow");
		});
	});
	
	$(document).mouseleave(function(e) {
if(e.clientY < 0){ 
setTimeout(function(){$('.panelpp, .overlaypp').fadeIn('fast')},000); 
}
});
</script>
Frelly
На сайте с 12.02.2016
Offline
31
Frelly
#4

Команда $(document).mouseleave(function(e)) срабатывает, когда курсор мыши оказывается за пределами документа. Здесь пиксели ни при чем.

Если вы хотите от пикселей танцевать, тогда вместо mouseleave надо использовать другой оператор.

Например,

$(window).scroll(function (){

if ($(this).scrollTop() > 100){ ваша функция }

Если видишь Бургер Кинг Google запускает новый инструмент 10 лучших практических решений
AG
На сайте с 13.10.2014
Offline
44
AlexGr4
#5

Frelly, спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий