Question

我有一个网站，它将为用户检索大量数据，而不是分页，我需要创建一个按页面分类的单页输出 - 这些都将有一个类。我需要slideUp和toggleClass联系上的类别 - 最高类别浮动。

这是处理它的部分，关于我如何能够最好地实现这一点的任何想法（他们需要相互推高，然后toggleClass - 我不想使用slideUp，因为它隐藏了类）：

first = $bc(".title")[current_first];
$bc(first).addClass('float_title');

settings.first_title = current_first;
f_Ypos = Math.floor($bc(first).position().top);
//console.log("f_Y: "+f_Ypos+" | settings.first_title: "+settings.first_title);

settings.next_title = current_first+1;
next = $bc(".title")[settings.next_title];
n_Ypos = Math.floor($bc(next).position().top/2);
console.log("f_Ypos: "+f_Ypos+" | f_Yposx4: "+((f_Ypos*5)+2)+" n_Ypos: "+n_Ypos );

if(f_Ypos == n_Ypos  || ((f_Ypos*5)+2) >= n_Ypos) {
    $bc(first).toggleClass('float_title', 250, "easeOutSine").animate({top: "-1%"});
    $bc(next).toggleClass('float_title', 250, "easeOutSine").animate({top: "1%"});

    settings.prev_title = settings.first_title;       
    prev = $bc(".title")[settings.prev_title];

    settings.first_title++;

    p_Ypos = Math.floor($bc(prev).position().top/2);
    console.log("prev: "+p_Ypos+" | first: "+f_Ypos+" next: "+n_Ypos);
}

$bc是JQuery对象 - jQuery.noConflict()

Answer 1

我没有足够的评论点，因此我写在这里的原因......你考虑过http://api.jquery.com/slideup/和＆＃34;进展＆＃34;并且＆＃34;开始＆＃34;选项？

您可以在幻灯片启动时执行切换，并使用进度，防止幻灯片完全完成（因此不会隐藏）。我没有尝试过这种方法，但如果我有时间，那将是我要研究的内容。

JQuery toggleClass向上滑动两个div效果

1 个答案: