jquery - 修复简单的 jQuery 函数元素仅在滚动时显示

Question

下面是代码：

(function($){
var $window = $(window);

$window.scroll(function(){
    if ($window.scrollTop() >= 162) {
        $('.small-logo').fadeOut();
    }
    else {
        $('.small-logo').fadeIn();
    }
 });
}(jQuery));

该功能仅在滚动时有效如何让小徽标在加载时不显示？

Answer 1

在你的 CSS

.small-logo { display: none; }

或者，如果你一定想用 jquery 来做（为什么？）

(function($){
$(".small-logo").hide();
var $window = $(window);

$window.scroll(function(){
    if ($window.scrollTop() >= 162) {
        $('.small-logo').fadeOut();
 }
 else {
    $('.small-logo').fadeIn();
 }
});
}(jQuery));