Jquery 如何为UL中的特定LI创建动画?
我正在使用Jquery.animate来上下滚动一个UL,这样你就可以看到所有的元素,我怎么做IF-ELSE语句呢 如果UL中的第一个LI项目位于顶部,不要再滚动,如果最后一个项目位于屏幕可见部分的底部,不要再向下滚动,否则滚动510 px 现在,我的代码如下所示:Jquery 如何为UL中的特定LI创建动画?,jquery,jquery-animate,if-statement,Jquery,Jquery Animate,If Statement,我正在使用Jquery.animate来上下滚动一个UL,这样你就可以看到所有的元素,我怎么做IF-ELSE语句呢 如果UL中的第一个LI项目位于顶部,不要再滚动,如果最后一个项目位于屏幕可见部分的底部,不要再向下滚动,否则滚动510 px 现在,我的代码如下所示: $('#down').click(function() { $(".project_thumbs").stop().animate({"top": "-=510px"}); }); $('#up').click(functio
$('#down').click(function() {
$(".project_thumbs").stop().animate({"top": "-=510px"});
});
$('#up').click(function() {
if (".project_thumbs" (top = 0)){
$(".project_thumbs").stop().animate({top:0});
}
else{
$(".project_thumbs").stop().animate({"top": "+=510px"});
}
Remy Sharp为jquery编写了一个插件,用于处理滚动以及元素在视口中是否可见的问题,您可以在此处找到它: 如果您还查看了该页面上的第一条注释,则有代码向jquery添加了一个选择器,用于检查元素在视口中是否可见(这可能比整个插件更有用),这样您就可以检查UL中的底部LI(可以使用:last选择器获取)在视口中,则您将知道是否需要向下滚动
希望这就是你想要的 Remy Sharp为jquery编写了一个插件,用于处理滚动以及元素在视口中是否可见的问题,您可以在这里找到它: 如果您还查看了该页面上的第一条注释,则有代码向jquery添加了一个选择器,用于检查元素在视口中是否可见(这可能比整个插件更有用),这样您就可以检查UL中的底部LI(可以使用:last选择器获取)在视口中,则您将知道是否需要向下滚动
希望这就是你想要的 U可以使用遮罩来实现这一点。将ul(位置:绝对)放在一个div内(位置:相对,溢出:隐藏,高度:根据需要)。然后,在触发运动时进行一些计算,以根据ul的高度确定是否/何时移动。(无需担心li本身,因为您可以使用ul的模块进行定位。) 我在这里举了一个例子:
基本上,这会检查ul的位置是否能够根据其相对于遮罩的当前位置以及要求其移动的方向进行移动。U可以使用遮罩来完成此操作。将ul(位置:绝对)放在一个div内(位置:相对,溢出:隐藏,高度:根据需要)。然后,在触发运动时进行一些计算,以根据ul的高度确定是否/何时移动。(无需担心li本身,因为您可以使用ul的模块进行定位。) 我在这里举了一个例子: 基本上,这检查ul的位置是否能够根据其相对于遮罩的当前位置和要求其移动的方向移动