Strange behaviour Scroll Bar in Internet Explorer
I am using Perfect-Scrollbar in combination with an iframe. So far so good in chrome, firefox and safari but when i am using internet explorer 8-11 I get a strange behaviour.
When i hoover over the iframe i normally see the scrollbars directly but in Internet Explorer they only appear when i am directly above them. Anywhere else in the iframe they don't show up?
In the <head> i am using this:
- <link href="src/perfect-scrollbar.css" rel="stylesheet">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <script src="src/jquery.mousewheel.js"></script>
- <script src="src/perfect-scrollbar.js"></script>
- <style>
- .contentHolder {
- position: relative;
- margin: 0px auto;
- padding: 0px;
- width: 300px;
- height: 480px;
- overflow: hidden;
- }
- .contentHolder .content { background:;); width: 300px; height: 500px; }
- .spacer { text-align:center }
- </style>
- <script>
- jQuery(document).ready(function ($) {
- "use strict";
- $('#Default').perfectScrollbar();
- });
- </script>
- And in the body:
- <div id="Default" class="contentHolder"><iframe src="test.php" scrolling="no" width="100%" height="1550px" frameborder="0">
- <p>Your browser does not support iframes.</p>
- </iframe><div class="content">
- </div></div>
Any ideas how to solve this?