Как создать анимацию для конкретного LI в UL?

Question

Я использую Jquery .animate для прокрутки UL вверх и вниз, чтобы вы могли видеть все элементы, как бы я сделал оператор IF ELSE, который сказал.

IF the *Элемент 1005 * FIRST LI в UL находится сверху, больше не прокручивается, а IF последний элемент находится внизу видимой части экрана, не прокручивается.вниз, еще прокрутите 510 пикселей.

Прямо сейчас мой код выглядит так:

$('#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"});
    }

Answer 1

Реми Шарп написал плагин для jquery, который занимается прокруткой, и независимо от того, виден ли элемент в окне просмотра или нет, вы можете найти его здесь: http://remysharp.com/2009/01/26/element-in-view-event-plugin/

Если вы также посмотрите на первый комментарий на этой странице, есть код, который добавляет селектор в jquery для проверки того, виден ли элемент в окне просмотра (что, вероятно, будет более полезным для вас, чем весь плагин), это Таким образом, вы можете проверить, находится ли нижний LI в вашем UL (который вы можете получить с помощью селектора: last), в окне просмотра, и тогда вы узнаете, нужно ли вам прокрутить вниз или нет.

Надеюсь, это то, что вы искали!

Answer 2

U может использовать маску для достижения этой цели.Заключите ul (позиция: абсолютная) в div (позиция: относительная, переполнение: скрытое, высота: все, что вам нужно).Затем, сделайте некоторую математику, когда вы запустите движение, чтобы определить, следует ли / когда двигаться, основываясь на высоте ул.(Не нужно беспокоиться о самих li, так как вы можете использовать блок ul для определения местоположения.)

Я создал пример здесь: http://jsfiddle.net/4nqng/

По сути, это проверяетпосмотрите, может ли позиция ul перемещаться в зависимости от ее текущего положения относительно маски и направления, в котором ее просят двигаться.