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

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

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

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