2017-09-10 3 views
-1

この行を純粋なjavascriptで記述し、jqueryのスタンス$を削除するにはどうすればよいですか?JSでこの行を書くには?

$(window).bind("scroll", function() { 

ここでは私が使用しているすべての機能があります。

var tableOffset = $("#av-enrollment-table-header").offset().top; 
     var $header = $("#av-enrollment-table-header > thead").clone(); 
     var $fixedHeader = $("#header-fixed").append($header); 

     $(window).bind("scroll", function() { 
      var offset = $(this).scrollTop(); 

      if (offset >= tableOffset && $fixedHeader.is(":hidden")) { 
       $fixedHeader.show(); 
      } 
      else if (offset < tableOffset) { 
       $fixedHeader.hide(); 
      } 
     }); 
+1

jQueryメソッドを使用してイベント登録を削除する理由は、コールバック中にjQueryを使用している場合です。 – WaldemarIce

+0

どこからでもjqueryを削除したい。 –

+0

それに答えるのははるかに複雑です... – WaldemarIce

答えて

0

javascriptの "スクロール" イベントを使用します。

window.addEventListener("scroll", function() { 

は、あなたがそれhereについての詳細を読むことができますhttps://developer.mozilla.org/en-US/docs/Web/Events/scroll

+0

それはあなたの全体の機能のためにそれを行うことはできますか? –

+0

Unforunately - ネイティブのjavascriptにはjQueryのshow()とhide()のアニメーションが含まれていません。 –

+0

だから、私がしたいのは、画面上部に達するとテーブルヘッダーを修正することだけです。どのように私はjqueryなしで動作させることができます –

0
window.addEventListener('scroll', function(event) { 
    console.log(event) 
}, false); 

を参照してください。

関連する問題