Windows 8 IE11错误滚动,div已固定



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

当我用滚轮鼠标向下滚动时,div会出现,但会向右更改位置(并显示滚动条)。我只有ie 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;
    });
});

我想念什么???

我已经用你的代码创建了一个快速的jsFiddle来重现这个问题,但在IE11/win7以及FF和Chrome中似乎都可以。你能用我的代码检查一下你的问题吗?如果缺少什么东西,可以更新源代码来查看问题吗?

我只更换了这部分:

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

带有:

background-color:red;

你能解释一下你说的"div向右改变位置"是什么意思吗?

据我所知,由于在"#btn_up"选择器中指定了"right:25px;",div显示在页面的右侧。我想这不是你的主要问题,是吗?

最新更新