Question

我的新网站存在问题。我有一个div用作“页面顶部的按钮”。

当我使用滚轮鼠标向下滚动时，显示div但是将其位置更改为右侧（并显示滚动条）。我只有11 ...

这个问题

很奇怪......或者不知道，我不知道，我现在已经搜索了几天而且我什么也没找到。

我的css：

    #btn_up
{
display: block;
width: 100px;
height: 100px;
background-image: url(../img/pagetop.svg); background-repeat: no-repeat;
position: fixed;
bottom: 15px;
right: 25px;
z-index: 1000;
cursor: pointer;
display:none;
}

我的javascript：

$(document).ready(function(){

    $(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('#btn_up').fadeIn();
        } else {
            $('#btn_up').fadeOut();
        }
    });

    $('#btn_up').click(function(){
        $('html, body').animate({scrollTop : 0},800);
        return false;
    });
});

我想念什么???

Answer 1

我已经使用你的代码创建了一个快速jsFiddle来重现这个问题，但在IE11 / win7以及FF和Chrome中似乎都可以。您能否使用我的代码检查您的问题，如果缺少某些内容可能会更新来源以查看问题？

我只更换了这部分：

background-image: url(../img/pagetop.svg); background-repeat: no-repeat;

使用：

background-color:red;

你能说'div改变它的位置'来解释你的意思吗？

据我所知 - 由于“正确：25px”，div显示在页面的右侧在“#btn_up”选择器中指定。我想这不是你的主要问题，是吗？

Windows 8 IE11错误滚动，div位置固定

1 个答案: