За последние 24 часа нас посетили 22430 программистов и 1159 роботов. Сейчас ищут 838 программистов ...

Запуск скрипта при докрутке до определенного места

Тема в разделе "JavaScript и AJAX", создана пользователем Виктор К., 30 янв 2017.

Метки:
  1. Виктор К.

    Виктор К. Новичок

    С нами с:
    1 апр 2016
    Сообщения:
    139
    Симпатии:
    6
    Адрес:
    Украина
    Здраствуйте. Прошу помочь вот с чем: при помощи Jquery нужно запустить скрипт, который приведен ниже, тогда, когда пользователь докрутит страницу до последнего <p></p> в блоке c классом Text. Именно запустился, дальше уже не важно перемещение.
    Код (Javascript):
    1. <script>
    2.    $(window).load(function() {
    3.   var hideTheModal = $.cookie('hideTheModal');
    4.   // если cookie не установлено появится окно
    5.   if(hideTheModal == null){
    6.  
    7.     // вызвать модальное окно
    8.    
    9.             $('.subscribe-window').fadeIn(500);
    10.         $("body").append("<div id='overlay'></div>");
    11.         $('#overlay').show().css({'filter' : 'alpha(opacity=80)'});
    12.        
    13.        
    14.  
    15.     $('#overlay').click(function(){
    16.     $('.subscribe-window').fadeOut();
    17.     $('#overlay').remove('#overlay');
    18.     $.cookie('hideTheModal', { expires: 12, path: '/' });
    19.     });
    20.  
    21.   }
    22. });
    23. </script>
    Заранее огромное спасибо:)
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.230
    Симпатии:
    1.715
    Адрес:
    Молдова, г.Кишинёв
  3. Виктор К.

    Виктор К. Новичок

    С нами с:
    1 апр 2016
    Сообщения:
    139
    Симпатии:
    6
    Адрес:
    Украина
  4. Виктор К.

    Виктор К. Новичок

    С нами с:
    1 апр 2016
    Сообщения:
    139
    Симпатии:
    6
    Адрес:
    Украина
    Вот сделал с плагином, который скинул выше (+ еще jQuery Cookie), может кому пригодится:
    Код (Javascript):
    1. <script src="/resource/script/jquery.cookie.min.js"></script>
    2.  
    3. <script>
    4. jQuery(document).ready(function(){
    5. $('.Text p:last').one('inview', function (event, visible) {
    6.     if (visible) {
    7.   var hideTheModal = $.cookie('hideTheModal');
    8.   // если cookie не установлено появится окно
    9.   if(hideTheModal == null){
    10.  
    11.     // вызвать модальное окно
    12.         setTimeout(function(){
    13.             $('.subscribe-window').fadeIn(500);
    14.             $('.news-label').fadeIn(500);
    15.         $("body").append("<div class='overlay'></div>");
    16.         $('.overlay').show().css({'filter' : 'alpha(opacity=80)'});
    17.      
    18.      
    19.  
    20.     $('.overlay, .close').click(function(){
    21.     $('.subscribe-window').fadeOut();
    22.             $('.news-label').fadeOut(500);
    23.     $('.overlay').remove('.overlay');
    24.     $.cookie('hideTheModal', '', {
    25.     expires: 12,
    26.     path: '/',
    27. });
    28.     });
    29.  
    30.         $('#subscribe_submit').click(function(){
    31.     $.cookie('hideTheModal', '', {
    32.     expires: 25,
    33.     path: '/',
    34. });
    35.     });
    36.  
    37.     }, 3800);
    38.   }
    39.       }
    40.   });
    41. });
    42. </script>
     
    denis01 нравится это.