Событие, когда окно прокручивается в нижний колонтитул во всех разрешениях - jquery - PullRequest
Новая
       32

Событие, когда окно прокручивается в нижний колонтитул во всех разрешениях - jquery

0 голосов
/ 11 января 2019

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

Вот мой HTML контент http://jsfiddle.net/q4bw82gy/

Я пробовал приведенный ниже код jquery, но он не работает для других разрешений, кроме рабочего стола 

  $(window).scroll(function() {
 var scrollPosition = $(window).height() + $(window).scrollTop();
 var theight = ($('.banner-section').height()+$('.section-one').height()+$('.section-two').height()+$('.read-one').height()+$('.read-two').height()+$('.next-program').height())-($('.navbar-dark').height()+ 
 ($('.main-navigation').height()));

 var height1 = $(window).scrollTop();
 var height2 = $('.main').height()-$('.expand-section').height()-$('.ftr').height();
 if(height1 >=  theight){
  alert('message 1');
 }
 else{
alert('message 2');
  }
 });

Пожалуйста, помогите с лучшим решением

1 Ответ

0 голосов
/ 11 января 2019

Хочешь что-нибудь подобное? 

$(function() {
  $(window).scroll(function() {
    var footerTop = $('.ftr').position().top; // or .offset().top
    var scrollTop = $(window).scrollTop();
    var viewportHeight = $(window).height();

    if (footerTop <= scrollTop + viewportHeight) {
      console.log("true|" + footerTop + "|" + scrollTop + "|" + viewportHeight);//alert
    } else {
      console.log("false|" + footerTop + "|" + scrollTop + "|" + viewportHeight);//alert
    }
  });
});
...