Как предотвратить прокрутку изображения в iframe в IE 11? - PullRequest
Новая
       2

Как предотвратить прокрутку изображения в iframe в IE 11?

0 голосов
/ 11 мая 2019

мой проверенный сайт находится здесь: http://acjs.4fan.cz/test/index.html

Он содержит 4 одинаковых изображения размером 140 x 140 пикселей.Тег img используется для верхней строки, тег iframe 140 x 140 пикселей для нижней строки.Я не собираюсь спрашивать, почему отображение изображений iframe отличается для разных браузеров: -)

Мне интересно, как предотвратить прокрутку изображения в iframe в IE 11, как показано в этом видео: https://www.youtube.com/watch?v=jS6FiY8dpUA?

Ответы [ 2 ]

0 голосов
/ 13 мая 2019

Вы можете позволить изображению полностью заполнить iframe, чтобы предотвратить его прокрутку в IE11. Получите iframe <body> и установите стиль тела как margin:0px;padding:0px, чтобы он полностью заполнился. Вот код, относящийся: 

    <script>
            function a() {
                var iframe = document.getElementById('iframe1');
                var b = iframe.contentWindow.document.body;
                b.style.cssText = "margin:0px;padding:0px"; 
            }
    </script>

    <body onload="a()">
        <iframe width="140" height="140" src="image.jpg" frameborder="1" scrolling="no" id="iframe1">
        </iframe>
        <iframe width="140" height="140" src="c1.html" frameborder="1" scrolling="no" id="iframe2">
        </iframe>
    </body>
0 голосов
/ 11 мая 2019

Я думаю, что лучшим способом будет установить контент на 100% интерьера с помощью CSS и желаемый для iframe в HTML 

#content{
 width:100%;
height:100%; 
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...