В IE 8-11 прокрутка с помощью колесика мыши через iframe не выполняется

0

Я использую al jquery-script под названием Perfect-Scrollbar. Пока что так хорошо, но когда я использую его в сочетании с прокруткой iframe с ошибкой мыши в IE 8-11?

Firefox, Safari, Chrome или Opera работают нормально.

В этом я использую следующее:

<link href="/perfect-scrollbar.css" rel="stylesheet">
      <script src="/jquery.min.js"></script>
      <script src="/jquery.mousewheel.js"></script>
      <script 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>

Как я могу заставить его работать в IE?

Теги:
iframe

1 ответ

0
Лучший ответ

Я думаю, что iFrame является причиной вашей ошибки, и, конечно же, IE :)

Прокрутка полосы прокрутки, когда мышь закончилась, но iFrame блокирует эффект зависания для родительского содержимого, то же самое для события прокрутки (которое обрабатывается пользовательской полосой прокрутки).

Все работает отлично, если вы используете прокрутку собственного браузера. Итак, попробуйте jQuery Scrollbar, в котором используется собственное поведение прокрутки или любой другой плагин прокрутки jQuery, который работает так.

jQuery(document).ready(function ($) {
    "use strict";
    $('#default').scrollbar();
});

Рабочий пример: http://jsfiddle.net/yh47j/1/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню