jquery - Jquery animate + if css position

Question

我实际上是在尝试检查我正在使用 jquery animate 函数移动的 div 元素的顶部位置。

$('#nss .nss-pager-up').click(function() {
    $('.nss-stream-inner-wrap').animate({
        top: '+=55'
    }, 300, function() {
        if($('.nss-stream-inner-wrap').css('top') == '55') {
            alert('hey');
        }
 });
});

有人知道为什么这不起作用？

Answer 1

返回值包含单位，像素：

if ( $('.nss-stream-inner-wrap').css('top') == '55px' ) {

http://jsfiddle.net/cY5vw/

Answer 2

可能是尚未设置“顶部”样式。

我会选择以下内容

$('#nss .nss-pager-up').click(function() {
    $('.nss-stream-inner-wrap').animate({
        top: $(this).position().top + 55
 }, 300, function() {
        if($('.nss-stream-inner-wrap').css('top') == '55') {
            alert('hey');
        }
 });
});

Answer 3

使用位置（）

http://jsfiddle.net/ySYWB/1/

$('#nss .nss-pager-up').click(function() {
    $('.nss-stream-inner-wrap').animate({
        top: '+=50'
    }, 300, function() {
    if($('.nss-stream-inner-wrap').position().top > 55) {
        alert('hey');
    }
  });
});