0

jquery == >ここで私のスタートを見ることができます

vimeo-videos で簡単なスライドショーを作成しました。上下の矢印をクリックすると、リストが上下に<ul>移動します。<li><</li>しかし、最後のビデオ ( ) が到着した場合、どうすれば動きを止めることができますか。If/else条件が必要ですが、方法がわかりません..

通り。そのように、最後<li>に到着した場合は、80px の追加を停止して return.false() ..

私は自分のページにこれらのスライドショーを数回持っています.時々私は2つのビデオ、3、4、または15を持っています..だから私は普遍的な解決策が必要です..

4

3 に答える 3

0

そうです offset(); それが私が必要としていたヒントでした。ありがとうございました

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");

});
于 2012-04-25T06:16:01.637 に答える
0

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

<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>
于 2012-04-21T19:17:53.393 に答える
0 
if($('ul li').last()){
  $(this).stop().animate({'margin-top':'80px'}, function(){
    return false;
  });

}else{
  // all other list items. 
  // Normal stuff here.
}
于 2012-04-21T19:11:29.950 に答える