position fixed in IE9 content in div loaded via ajax

這在FF，Opera，Chrome中工作正常。問題僅限於IE。我有一個div中，我加載以下內容position fixed in IE9 content in div loaded via ajax

<a href="javascript:;" onClick="$('.test').show();">Add</a> 

    <div class="test" style="position:fixed;width: 300px;height:200px;display:none;"> 
    hello friends 
    </div> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
asadsadsad<br><br><br><br><br><br><br><br><br><br><br>jsjdhahdgasdhg<br><br><br><br><br><br><br><br><br><br>kshdksjdh

當我點擊錨標記，框顯示出來（顯示沒有阻止），但DIV沒有得到固定的位置將其與移動滾動條:(

爲了使位置固定工作在IE中，我使用

這是發生因爲內容通過AJAX加載的？有什麼能解決？

來源

2012-04-23 www.amitpatil.me

你有一個錯字正確的風格 - >「;寬度：300像素，高度：200像素;」 – rt2800 2012-04-23 14:17:00

添加<meta http-equiv="x-ua-compatible" content="ie=edge"/>到您的<head>。

來源

2012-04-23 14:17:43 Teemu

您的解決方案工作：）ü知道我花了4-5小時解決這個問題....我的代碼是巨大的，我刪除了所有內容，只剩下4行，但它仍然沒有工作....那真的讓我瘋了，ü救了我。謝謝 – 2012-04-23 14:34:53

更改測試股利position:absolute也，你拼錯高度屬性：

<a href="javascript:;" onClick="$('.test').show();">Add</a> 

<div class="test" style="position:absolute;width:300px;height:200px;display:none;"> 
    hello friends 
</div> 

<br/>123<br/>123<br/>123

來源

2012-04-23 14:21:47

據我所知，OP希望使用'position：fixed'。 – Teemu 2012-04-23 14:32:04

@Teemu他希望它留在同一個地方，不要隨頁面和滾動條一起移動。這是絕對的，不是固定的。我相信他只是用錯字來形容它。 – 2012-04-23 14:34:28

沒有。使用位置：絕對定位元素在滾動時正在移動，當定位爲「固定」時，他們不是。 – Teemu 2012-04-23 14:38:00

position fixed in IE9 content in div loaded via ajax

回答

相關問題