我的新网站有问题。我有一个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显示在页面的右侧。我想这不是你的主要问题,是吗?