页面两个滚动条相互嵌套如何处理

Question

贴一个动图

具体到html

<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>webssh</h5>
                </div>
                <div class="ibox-content">

                <div id = "gateone_container" style = "width: 100%; height: 759px">
                    <div id = "gateone">
                    </div>
                </div>

                </div>
            </div>
        </div>
    </div>
</div>

当在内层当html里面输入内容时，外层当滚动条会直接回到顶上。

也尝试过以下一些方式，但都有些问题

方式一：

<div id = "gateone_container" style = "width: 100%; height: 100%">
    <div id = "gateone">
    </div>
</div>

方式二：

<div id = "gateone_container" style = "width: 100%; height: 400px">
    <div id = "gateone">
    </div>
</div>

如果其他显示器大点，就不是这种全屏了

这可以要如何是好呀。