Planning Your Gap Year Abroad
TRAVEL GUIDE
The hard truth about volunteering
Why choose us?
Quality
We are the leading firm by delivering quality and value to our clients. We like what we do.
Support
Our managers are always ready to answer your questions. You can call us at the weekends and at night.
Experience
All our professionals have more than 5 years of legal experiences. They use their knowledge to make our clients life better.
Our clients love us
My sis visited Somerset for the first time last year, and this June I decided to go with her! I really enjoyed my chats with other visitors, especially those from abroad.
Samuel Willson
Creative director in DD agency
Our clients love us
You are the best thing that has ever happened to me. You handled everything seamlessly from beginning to end. I could not be more pleased with your service.
Sarah Lewin
Projects manager in Pixels
Our clients love us
I really enjoyed attending different sporting events and art workshops. I had a great time!
Alex Larkins
Founder of Pic Pen studio
Simplicity is about subtracting the obvious and adding the meaningful
Before incorporating visual aids into speeches, the speaker should understand that if used incorrectly, the visual will be a distraction.
Our studio prices
Our monthly memberships will be the best value for your money and offer some additional benefits
Premium 10 days
  • Any studio visiting
  • Thee days with personal trainer
  • Evening classes after 6 p.m.
  • 5 days shifting
$400
$250 / person
Join now
Premium 1 year
  • Any studio visiting
  • 20 days with personal trainer
  • All day classes
  • 20 days shifting
$700
$600/person
Join now
  • Katie:
    Ok, so what is RSVP?
    Support:
    In the context of social invitations, RSVP is a request for a response from the invited person or people. It is an initialism derived from the French phrase Répondez s'il vous plaît, literally "Reply if you please" or "Please reply".
  • Katie:
    How do I find out I've been invited?
    Support:
    A black raven will appear on your windowsill, a paper scroll attached to his leg. You'll need to fugure out how to take it off. Everything you'll need to know will be written there. Don't forget to send your raven back.
Who we are
The smartest people work every day to provide the best service and to make our clients happy
  • Max Holden
    Founder & Art Director
  • Eva Stark
    Customers Support
  • Julia Bush
    Design Director
  • Carlos Lott
    Marketing Director
Product
  • Home page
  • Tour
  • Templates
Education
  • Workshops
  • How to make a website
  • Design course
  • Explore
Help
  • Knowledge base
  • Video tutorials
  • Code Export
Subscribe
© 2016 YourCompany
Website Development: Tilda

Как сделать открытие popUp при скролле вверх мимо нужного блока для Tilda

Реализуем открытие pop-up окна при скролле вверх мимо нужного блока

Пример выполнен для блоков:
- форма BF503
- кнопка BF101

Порядок действий:
1. Добавляем любую popUp форму
2. Добавляем кнопку BF101
3. Прописываем ссылку на наш popUp в кнопку
4. Добавляем скрипт и стили (внизу страницы) в блок ДРУГОЕ►T123
5. Редактируем в скрипте:
- #rec42250055 - меняем на ID вашего блока напротив которого должна появляться форма

- #rec42267078 - меняем на ID вашего блока с кнопкой BF101 ( 2 раза в скрипте)

<script>

$(function () { 
        //Прописываем блок - около которого будет всплывать pop-Up
		var target_block = $("#rec42250055"); 
		//Задаём первый проход вниз
		var firststep = true;  
		//Задаём первый проход вверх
		var notagain = false;
		$(window).scroll(function() {
		    //Переменнаю true - если проскролили мимо заданного блока
			var scrollEvent = ($(window).scrollTop() > $(target_block).offset().top); 
		    // Если просролили первый раз
			if(scrollEvent && firststep) { 
			    //Отмечаем, что путь вниз пройден мимо блока
				firststep = false; 
			  
			 }
			 // Если скролим мимо блока наверх и путь вниз уже пройден и всё это впервые
			 if(scrollEvent==false && firststep==false && notagain==false) {  
				//Запрещаем повторное всплытие окна
				notagain = true; 
		        //Имитируем клик по кнопке
			    $('#rec42267078 .t142__submit')[0].click();
			   
			 } 	}); }); 

</script>	

<style>
    /*Скрываем блок с кнопкой*/
    #rec42267078{
        display:none;
    }
</style>
Made on
Tilda