jQueryの - 私はあなたが私がVimeoの-動画でシンプルなスライドショーを作りました<a href="http://nbvfx.net/_test_js/" rel="nofollow">here</a></p> <p>==> jQueryを使って私のスタートを見ることができます私のスライダー

Question

ためのリミッターを必要としています。上向き/下向き矢印をクリックすると、<ul> - リストが上下に移動します。しかし、最後のビデオ（<li><</li>）が到着した場合、どうすれば移動を停止できますか？ If/else条件が必要ですが、わかりません。

Sth。そのように、最後の<li>が届いたら、80pxとreturn.false（）を追加しないでください。

私はこれらのスライドショーを私のページで何回も持っています。時には2つの動画、3、4、15があります。ユニバーサルソリューション.. 80pxによって

Answer 1

if($('ul li').last()){ 
    $(this).stop().animate({'margin-top':'80px'}, function(){ 
    return false; 
    }); 

}else{ 
    // all other list items. 
    // Normal stuff here. 
} 

Answer 2

スクロールは、おそらく私はそれを行うような方法ではありませんが、あなたの方法を使用して、これを試してください：

は

<script type="text/javascript"> 
// vimeo videos 
$(document).ready(function(){ 
    $(".mediagallery").mediaGallery({autoplay:1}); 

// scroll action 
$('#mediagallery_down').click(function() { 
    var pos = $('#med_list_cont').css("top").replace("px", ""); 
    if (pos <= 0) 
     $('#med_list_cont').css("top", parseFloat(pos) + -80 +"px"); 
}); 

$('#mediagallery_up').click(function() { 
    var pos = $('#med_list_cont').css("top").replace("px", ""); 
    if (pos >= ($('#med_list_cont').height() - $('#mediagallery_list').height())) 
    { 
     $('#med_list_cont').css("top", parseFloat(pos) + 80 +"px"); 
    } 
}); 

}); 
</script> 

Answer 3

うん（オフセット）。それは私が必要としたヒントでした。ありがとうございました

jQuery('#mediagallery_down').click(function() { 

    if(jQuery('#med_list_cont li:last').offset().top <= 790) 
        jQuery(this).fadeOut('fast'); 
    var pos = jQuery('#med_list_cont').css("top").replace("px", ""); 
    jQuery('#med_list_cont').css("top", parseFloat(pos) + -80 +"px"); 

}); 

jQuery('#mediagallery_up').click(function() { 
     jQuery('#mediagallery_down').show(); 
if(jQuery('#med_list_cont li:first').offset().top >= 464) 
       return false;  

var pos = jQuery('#med_list_cont').css("top").replace("px", ""); 
    jQuery('#med_list_cont').css("top", parseFloat(pos) + 80 +"px"); 

});