Question

点击链接后会显示<div>弹出窗口。如果有溢出，它有可滚动的内容。

如果再次点击链接，我只需要在可滚动区域的顶部放置<div>。这在Chrome和Firefox中完美运行，但在IE中，它仍然滚动到弹出窗口的底部。

<div id="myModal" data-role="popup" data-position-to="window" data-history="false" data-theme="a" data-corners="true" class="ui-content" style="text-align:center">
    <div class="modal-dialog">
         <div class="modal-content">
             <div id='myModalContent'></div>

             <a href="#" id="closeButton" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b">OK</a>
         </div>
    </div>
</div>

$(".anchorDetail").click(function () {
    $("#myModal").scrollTop(0);
}

Answer 1

试试这个，用JS而不是jQuery完成：

document.querySelector('.anchorDetail').addEventListener('click', function() {
var myDiv = document.getElementById('myModal');
myDiv.scrollTop = 0;
});

Answer 2

谢谢大家的建议。

我感到非常愚蠢我试图在填充数据并打开弹出窗口之前滚动到顶部。

我将.scrollTop（）函数移动到我打开弹出窗口和VOILA之后。

再次感谢大家。

使用JavaScript / jQuery滚动到DIV的顶部？

2 个答案: