IE div не будет уменьшаться соответственно при уменьшении размера окна - PullRequest
Новая
       22

IE div не будет уменьшаться соответственно при уменьшении размера окна

0 голосов
/ 29 июня 2011

У меня есть div, высота которого контролируется JavaScript, который, как предполагается, будет изменять размер div при каждом изменении размера окна.Теперь работает нормально при увеличении окна, но не работает при уменьшении окна.в чем может быть причина?У меня есть код ниже 

    <script type="text/javascript">
        function window_resize() {
            var height = 0;
            var body = window.document.body;
            if (window.innerHeight) {
                height = window.innerHeight;
            } else if (body.parentElement.clientHeight) {
                height = body.parentElement.clientHeight;
            } else if (body && body.clientHeight) {
                height = body.clientHeight;
            }

            var element = document.getElementById('test');
            element.style.height = height*80/100 + 'px';
        }

        Sys.Application.add_init(function (sender, args) {
            $addHandler(window, 'resize', window_resize);
            $addHandler(window, 'onload', window_resize);
            document.body.onresize = window_resize;
            document.body.onload = window_resize;
        });

    </script>

    <div id="test" style="width:1000px;padding:0px;margin:0px;">
        <spc:Explorer ID="explorer" runat="server"></spc:Explorer>
    </div>

1 Ответ

0 голосов
/ 29 июня 2011

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

Одно из решений заключается в применении body.style.display = 'none' ктело, получите размер окна, затем выполните body.style.display = ''.

...