2013-08-15 7 views
0

Я проверил похожие темы, но не нашел удовлетворительного ответа. My website очень длинный по высоте, поэтому требуется много времени для загрузки. У меня есть фиксированный div, который должен появляться только тогда, когда пользователь прокручивается до буттома. Но скрытый div появляется, когда я вхожу на страницу, я не хочу, чтобы она появлялась в процессе загрузки. Любая помощь оценивается.Загрузка CSS после jQuery

.homepage 
{ 
    width: 76px; 
    height: 62px; 
    position: fixed; 
    top: 85%; 
    right: 182px; 
    background-image: url(anasayfa.png); 
    border-radius: 10px; 
} 

.homepage:hover 
{ 
    top: 85.3%; 
} 


.scrollup 
{ 
    width: 76px; 
    height: 62px; 
    background-image: url(yukaricik.png); 
    position: fixed; 
    top: 85%; 
    right: 96px; 
    border-radius: 10px; 
} 

.scrollup:hover 
{ 
    top: 85.3%; 
} 

.nextpage { 
    width: 76px; 
    height: 62px; 
    position: fixed; 
    top: 85%; 
    right: 10px; 
    background-image: url(sonrakisayfa.png); 
    border-radius: 10px; 
} 

.nextpage:hover 
{ 
    top: 85.3%; 
} 

<script> 

$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($(window).scrollTop() > 13500) { 
      $(".homepage").fadeIn(); 
     } else { 
      $(".homepage").fadeOut(); 
     } 
    }); 
}); 

$(document).ready(function() { 
    $(window).scroll(function(){ 
     if ($(window).scrollTop() > 13500){ 
      $(".scrollup").fadeIn(); 
     } else { 
      $(".scrollup").fadeOut(); 
     } 
    }); 
}); 

$(document).ready(function(){ 
    $(".scrollup").click(function(){ 
    $('html, body').animate({scrollTop: '0px'}, 300); 
    }); 
}); 

$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($(window).scrollTop() > 13500) { 
      $(".nextpage").fadeIn(); 
     } else { 
      $(".nextpage").fadeOut(); 
     } 
    }); 
}); 

</script> 
+0

Так почему бы вам не просто скрыть его с помощью CSS, а затем отобразить его в JavaScript? – Daedalus

+0

Используйте 'display: none;'. – Daedalus

ответ

3

Уродливый, но эффективный ответ, добавьте встроенный стиль в элемент.

<div style="display: none;"></div> 
0

DIV для отображения ни то огонь замирание в силу после того, как окно загружается

<div id="div" style="display:none;"></div> 

$('window').load(function() { 
    $('#div').fadeIn(); 
}); 
Смежные вопросы