jQueryがViewPortで動作するかどうかを調べることはできません

jQueryを使用してビューポートに要素が表示されているかどうかを調べる方法については知っていますが、私は他の回答に基づいて使用しているjQueryのコードは次のとおりです。jQueryがViewPortで動作するかどうかを調べることはできません

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

出典

2017-06-05 Clay Whaley

#elementとは何ですか？ –

他に何が直面しているのですか？ –

まあ、私はそれは私のサイトでそれを好きですが、何の効果も与えません。私は、ボックスがビューポートに来ると効果が出るようにしようとしていますが、動作しません。 –

あなたのウェブサイトのコンソールにはエラー$ is not a functionがあります。どうぞご覧くださいhere

出典

2017-06-05 03:20:38

ありがとうございました。私はそれが働いているが、実際にはビューポートに入る前にボックスが消えているように見えます。ボックスがある画面をロードすると、非表示になり、スクロールしてフェードインするので、動作していることがわかりますが、ボックスがある場所にスクロールする前に起きています。どのようにこれを修正するための任意の考え？上記と同じコードです。 –

ライブサンプルを表示できますか？ –

あなたはhttp://www.claywhaley.com/でそれを見ることができます。それは最初のボックス "それはどのように動作する"の後 –

jQueryがViewPortで動作するかどうかを調べることはできません

答えて

関連する問題