2017-03-28 28 views
0

あなたは、このリンクを見て、下にスクロールする場合:http://templates.entheosweb.com/template_number/live_demo.asp?TemplateID=51090あなたは下にスクロールする場合は、アニメーションが表示されていることがわかりドのJavascript機能

。 JavaScript関数は特定の高さでトリガされ、その効果を達成したいと考えています。しかし、どこから始めたらいいのか分かりません。特定の高さで関数をどのようにトリガすることができますか?

+0

この方法のチュートリアルが見つからなかったのは、現在のスクロール位置と関係がある「高さ」とは関係がないからです。 –

答えて

1

は次のように試してみてください:

window.addEventListener('scroll', function() { 
    var hasFired = false; 

    if (document.body.scrollTop >= 250 && !hasFired) { 
     hasFired = true; 
     // do something when scrolling down 
    } 

    if (document.body.scrollTop < 250 && hasFired { 
     hasFired = false; 
     // do something when scrolling up, and enable the scroll-down event to fire once again 
    } 
}); 

if()はオプションです。

+0

ありがとう!もう1つの質問ですが、スクロールするときに特定のdivが表示されたときに関数を実行することも可能ですか? – Soccerlife

+0

はい、それについて別の質問を開いてください:)あなたはそれを後で見つけることができるようにここにリンクすることができます。しかし、これは比較的複雑なことですが、実際のコーディングに慣れていない場合は、AOS(https://michalsnik.github.io/aos/)などのライブラリを検討してください。 –

1

あなたは単にスクロールリスナーを使用することができますし、特定の絶頂で、あなたの目的球を呼び出すことができます - 、このアニメーションを実現する彼らのためにGoogleにライブラリ(for example)がたくさんあります

window.onscroll = function() {scrollFunction()}; 

function scrollFunction() { 
if (document.body.scrollTop == 250) { 
    myCustomFunction(); 
} 
} 

function myCustomFunction { 
    // define your logic here 
} 
+0

私は自分の論理に覚えています:警告(「テスト」)。しかし、それは動作しませんでした。 – Soccerlife

+0

あなたはパットアラート – Panther

+0

Simpleifedコードを今すぐ試してください – Panther

-1

。 JavaScriptのwindow.scroll機能をチェックするよりも独自のカスタムロジックを作成したい場合は、