javascript - アンカーまでスクロールするときに jQuery コードを実行することは可能ですか?

Question

だから私はSOとGoogleを20分ほど見回しており、これを行うjQuery関数またはコードブロックがどこかにあるかどうかわかりませんが、スクロールダウンするとさまざまなjQuery関数を実行しようとしていますページ。これは可能ですか?アンカーを使用してこれを行い、各アンカーポイントにスクロールするときにコードを実行する方法があるのではないかと考えていましたか? ありがとう

Answer 1

jQuery API から:

.scroll() イベント ハンドラーを「スクロール」JavaScript イベントにバインドするか、要素でそのイベントをトリガーします。

http://api.jquery.com/scroll

Answer 2

これを試して：

$(window).on("scroll", function() {
  var scrollPosition = scrollY || pageYOffset;

  if (scrollPosition > $("#someAnchor").position().top - $(window).height()) {
    alert("run code here");
  }
});

ID「someAnchor」の要素まで下にスクロールするとすぐに、アラートが表示されます。ここでコードを実行できます。

これを示す jsfiddle を次に示します。

Answer 3

jQueryでこれを試してください：

$(window).scroll(function () { 
 console.log("Hi");
});