他にも要素にデータ属性を追加する方法は？

Question

どこでも、通常の作業例を発見していないので、あなたがページがデータ・アクティブ動作するはずスクロールすると、私は時に逆方向データ・アクティブ=「オフ」

var winHeight = $(window).height(); 
    var thisY = $(this); 
    var thisY = e.offset().top; 

    if (thisY <= (windowHeight * 0.85)) { 
     var dataActiveOn = $(this).attr('data-active', 'on'); 
    } 
    else { 
     var dataActiveOff = $(this).attr('data-active', 'off'); 
    } 

htmlコード「に」= ..尋ねる：

<section class="js-monitor-scroll" data-active="off"></section> 

Answer 1

このスニペットを参考にしてください。

function changeAttr() 
 
{ 
 
    console.log($(".js-monitor-scroll").attr("data-active")); 
 
    $(".js-monitor-scroll").attr("data-active", "on"); 
 
    console.log($(".js-monitor-scroll").attr("data-active")); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<section class="js-monitor-scroll" data-active="off"></section> 
 
<button onclick="changeAttr()">Change attribute</button>

Answer 2

あなたがやっていることのこのisnteadを使用してください。はるかに簡単：

thisY = $(window).scrollTop();

そしてまた、それ以外の場合は...直接.ATTRメソッドを実行してVARを削除...