Javascript 如何检查网页屏幕上的元素，当有人滚动到该元素时，我还需要一个触发器

我想检查元素是否在屏幕上。它不能涉及任何类型的滚动。我只想检查这个元素是否在屏幕上。我尝试过不同的代码。它们在台式机上工作得非常好，但在移动电话上却不行

这是我当前的代码：

var wScroll = $(this).scrollTop();

if(wScroll > $('.services').offset().top - ($(window).height() / 1.2)) {

    $('.jstransitiononservices').each(function(i){

      setTimeout(function(){
      $('.jstransitiononservices').eq(i).addClass('is-showing');
      }, 150 * (i+1));  

    });

}

---

您可以在窗口滚动上使用

Element.getBoundingClientRect（）

方法，并可以查找返回对象的

top

属性：

$（文档）.ready（函数（）{
var target=$（'.services'）[0]。getBoundingClientRect（）；
log（target，$（window.scrollTop（））；
如果（target.top我的意思是我必须滚动一点才能触发事件。显然，桌面和手机上的视图不同。请参阅此处：umerjaved1.base.pk您可以打开该网站。如果页面刷新时元素在视图中，则该网站可能会重复。如果在使用该网站时它进入视图，该怎么办？我的意思是我要检查我的f该元素在页面刷新时已在视图中，或者有人也滚动到该页面。@UmerJaved则可在
.scroll（）
事件中使用。但它仅在有人滚动时检查触发器。您可以使用尾随的
.scroll（）
查看其他片段。