Question

我的应用程序中有一个问题，我已经开发了bootstrap。问题是我有一个模态，其身体最大高度被设置。它包含一个textarea，现在当它在textarea上点击它获得焦点（正确到现在）但是当我向下滚动文本区域时，模态标题上方显示的模态体，它显示某种类型的重复textarea的。但是一旦我停止滚动，一切都会再次变得完美。

<div id="textPanel" class="modal fade">
<div class="modal-dialog">
    <div class="modal-content"  style="padding-bottom: 5px">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Add/Edit Text</h4>
        </div>
        <div class="modal-body" style="overflow-x: auto">
            <div class="row">
                <div class="col-12">
                    <div id="textPreviewPanel" class="outer"
                         style="height: 60px;margin-bottom: 5px;margin-top: -15px">
                        <div class="inner" style="height: 100%">
                            <img id="textPreview" style="height: 100%;text-align: center"/>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    **<textarea id="addTextInput" ng-model="addEditTextModel" placeholder="Enter your text here"
                              rows="3"
                              class="form-control" style="resize: none"></textarea>**

                </div>

Textarea在BootStrap中滚动时向上移动

0 个答案: