使用JavaScript / jQuery滾動到DIV的頂部嗎？

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

謝謝大家的建議。

我好傻
我試圖讓它滾動到頂部，然后再填充數據並打開彈出窗口。

打開彈出窗口和VOILA之后，將.scrollTop（）函數移至。

再次謝謝大家。