javascript - 如何使用javascript淡入淡出

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>

我想添加一个“淡入”效果，但它不起作用。

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>