Question

我有这个javascript代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript">
    $(document).scroll(function() {
        $('#menu-fixed').toggle($(this).scrollTop() > 100 );
    });
</script>

我想添加一个“fadeIn”效果，但它无效。

Answer 1

你真的很接近，你只需要将布尔值传递给条件中的切换，然后执行淡入淡出，如果为真。

$(document).scroll(function() {
    if($(this).scrollTop() > 100){
       $('#menu-fixed').fadeIn(500);
    }
});

工作示例 http://jsfiddle.net/DfxtL/1/

Answer 2

我写这个，但我不知道是否正确....

<script type="text/javascript">
    $(document).scroll(function() {
    if($(this).scrollTop() > 100){
       $('#menu-fixed').fadeIn(500);
    }
    else{
        if($(this).scrollTop() < 100) {
         $('#menu-fixed').fadeOut(500);
        }
    }   
});
</script>

如何使用javascript淡入淡出

2 个答案: