This is working fine in FF,Opera, Chrome. Problem is in IE only.
I have a div in which I am loading below contents
<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
When I click on anchor tag, box shows up (display none to block) but the div doesn’t get fixed position it moves with scrollbars 🙁
To make position fixed work in IE I am using
Is this happening because contents are loaded via ajax? What could be the solution?
Add
<meta http-equiv="x-ua-compatible" content="ie=edge"/>into your<head>.