2014-10-11 72 views
0

我的新網站有問題。我有一個div用作「頁面頂部的按鈕」。Windows 8 IE11臭蟲滾動與固定位置的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; 
    }); 
}); 

做我錯過了什麼???

+0

來吧夥計們,我不着急,但不知道殺死我! – Kins 2014-10-13 09:46:27

回答

0

我用你的代碼來創建一個快速jsFiddle來重現這個問題,但在IE11/win7以及FF和Chrome中似乎都可以。您能否使用我的代碼檢查您的問題,並且如果缺少某些內容以查看問題,可能需要更新源代碼?

我只更換這一部分:

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

有:

background-color:red; 

你能解釋一下你說 'DIV改變其到合適的位置' 是什麼意思?

據我所知,由於「right:25px」,div顯示在頁面的右側。在「#btn_up」選擇器中指定。我想這不是你的主要問題,是嗎?

+0

你好。那麼我怎麼解釋這個...? mmm ... div顯示出來,當我使用滾動條時它向右移動!所以來一個水平滾動條(誰增長),我通常不會。 這顯然只是一個IE/win8的問題! – Kins 2014-11-25 10:22:17