if语句中的条件表达式

时间:2013-05-25 15:44:30

标签: javascript jquery if-statement

我有这个:

$(function() {
    if () {
        $('#content').css('position', 'fixed');
    });
});

所以,现在我想要的: 如果'#content'的'top'为0,我希望在函数中写下的css发生。但我不知道如何在'if'之后在括号之间写下来。

也许有人可以帮我解决这个基本的if语句?

提前多多谢谢!

编辑-----------------------------

似乎工作越来越好,但仍有一个问题..我现在有了这个:

$(function() {
    if ( $('#content').offset().top == 0) {
        $('#content').css({'position' : 'fixed'});
    }
    else {
        $('#content').css({'position' : 'relative'});
    }
});

而且:

$(document).ready(function() {
    $('#content').scrollTop('100%');
});

但现在div立刻被“修复”了..

1 个答案:

答案 0 :(得分:1)

FIDDLE

使用$('selector').offset().top获取顶部位置的数值。

if ($('#content').offset().top == 0) {
    $('#content').css('position', 'fixed');
});

有关详细信息,请参阅this

同时将css设置为此类

$('#content').css({'position' : 'fixed'});

如果您滚动到顶部,可以这样做

$('#content').scrollTop(yourtopvalue); // your top value goes here.

对于动画效果,你也可以这样做

$('selector').animate({scrollTop:$('#content').offset().top}, 'slow');

你可以使用jQuery将这些东西混合起来。