jquery - シンプルな jQuery Function 要素がスクロール時にのみ表示される問題を修正

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));