Question

我知道如何使用jQuery查找元素在视口中是否可见的问题已经得到解答，但是我无法让它为我工作。我根据其他答案使用的jQuery代码是：

jQuery(document).ready(function() {
$(window).scroll(function() {
var top_of_element = $(".basic-box1").offset().top;
var bottom_of_element = $(".basic-box1").offset().top + $(".basic-box1").outerHeight();
var bottom_of_screen = $(window).scrollTop() + $(window).height();
var top_of_screen = $(window).scrollTop();

if((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){
   $('.basic-box1').fadeIn();
}
else {
   $('.basic-box1').fadeOut();
}  
});
});

HTML：

<div class="basic-box1"> 
  <p class="how-p1">Text text text</p>
</div>

CSS：

.basic-box1 {
  background-color: antiquewhite;
  border: solid;
  border-width: 2px;
  padding: 40px;
  margin: auto;
  width: 50%;
  margin-bottom: 700px;
  margin-top: 800px;
}

我觉得我必须遗漏一些明显的东西。我已经尝试过我所知道的所有事情并且不能让它发挥作用。任何帮助将非常感激。如果在我的网站上看到它会有帮助，请访问http://www.claywhaley.com

Answer 1

您的网站控制台有一个错误$ is not a function coz of wordpress。请看一下here

如果在ViewPort中工作

1 个答案: