[英]Scroll to the top of a DIV using JavaScript/jQuery?
单击链接后会显示一个<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);
}
试试看,它是用JS而不是jQuery完成的:
document.querySelector('.anchorDetail').addEventListener('click', function() {
var myDiv = document.getElementById('myModal');
myDiv.scrollTop = 0;
});
谢谢大家的建议。
我好傻
我试图让它滚动到顶部,然后再填充数据并打开弹出窗口。
打开弹出窗口和VOILA之后,将.scrollTop()函数移至。
再次谢谢大家。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.