2017-06-05 36 views
0

我知道如何查看元素在视口中是否可见使用jQuery已经得到解答的问题,但我无法让它为我工作。我正在基于其他答案使用jQuery代码:如果在ViewPort中工作,无法获得jQuery查找

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

+0

什么是#element? –

+0

好,那么你还面临着哪些其他问题? –

+0

好吧,我只是喜欢在我的网站上,但它没有任何效果。我试图在盒子进入视口时创建淡入效果,但不起作用。 –

回答

0

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

+0

谢谢你的回答。我有它的工作,但它看起来像盒子在其实际上在视口之前淡入。当我加载盒子所在的屏幕时,它是隐藏的,然后我滚动并淡入。所以我知道它正在工作,但是在我向下滚动到盒子所在的位置之前,它就发生了。有关如何解决这个问题的任何想法?它与上面的代码相同。 –

+0

你能举个实例吗? –

+0

你可以在http://www.claywhaley.com/看到它。这是继“它是如何工作”后的第一个盒子 –