添加刪除類到固定元素

Question

試圖向jQuery粘貼添加和刪除類固定元素h2.sly-scroll-title3（標題1）當#Label1在視口上。只有當#Label1塊在視口上時纔會將類.extraclass添加到h2.sly-scroll-title3，並且在不在視口上時刪除類。

HTML：

<div id="Label1"> 

<div class="bottom-label-post1"> 

<h2 class="sly-scroll-title3" >Title 1</h2> <!-- Scroll Element --> 

<div class="clear"></div> 

<div class="list-label-widget-content"> 

Content 1 

</div> 

</div> 

</div> <!-- End --> 

請參閱此琴：http://jsfiddle.net/8g20ha5y/2/

在此先感謝。

Answer 1

嘗試sticky-end事件。該代碼就會像下面 -

$('h2.sly-scroll-title3').on('sticky-start', function() { $('h2.sly-scroll-title3').removeClass('extraclass'); }); 
$('h2.sly-scroll-title3').on('sticky-end', function() { $('h2.sly-scroll-title3').addClass('extraclass'); }); 

有如下表示爲每文檔 - 其他事件

$('#sticker').on('sticky-start', function() { console.log("Started"); }); 
$('#sticker').on('sticky-end', function() { console.log("Ended"); }); 
$('#sticker').on('sticky-update', function() { console.log("Update"); }); 
$('#sticker').on('sticky-bottom-reached', function() { console.log("Bottom reached"); }); 
$('#sticker').on('sticky-bottom-unreached', function() { console.log("Bottom unreached"); });