0

我检查了类似的主题，但没有找到满意的答案。我的网站很长，所以加载需要很长时间。我有一个固定的 div，它应该只在用户滚动到按钮时出现。但是当我进入页面时会出现隐藏的div，我不希望它出现在加载过程中。任何帮助表示赞赏。

.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>
4

2 回答 2

3

一个丑陋但有效的答案，为元素添加内联样式。

<div style="display: none;"></div>
于 2013-08-15T23:44:27.180 回答
0

加载窗口后显示无然后触发淡入效果的 div

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

$('window').load(function() {
  $('#div').fadeIn();
});
于 2013-08-15T23:46:05.147 回答