常に削除され、他のdivに追加されているクラス「アクティブ」があります。しかし、それが最初または最後の子供に適用される場合、私はそれを削除したくありません...
JSFiddle: http: //jsfiddle.net/YuDDK/1/
HTML:
<div id="container">
<div class="item active"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
JS:
$('#container').mousewheel(function(event, delta) {
var active = $('.active');
if (delta > 0) {
if (active.not(":first-child")) {
active.removeClass('active').prev().addClass('active');
}
} else {
if (active.not(":last-child")) {
active.removeClass('active').next().addClass('active');
}
}
$(this).scrollTo( $('.active'),100);
return false;
});