Я проверил похожие темы, но не нашел удовлетворительного ответа. 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>
Так почему бы вам не просто скрыть его с помощью CSS, а затем отобразить его в JavaScript? – Daedalus
Используйте 'display: none;'. – Daedalus