Question

我有一个div元素，一开始就是隐藏的。单击按钮时出现。问题是这个div有一个滚动，当它出现时，它在滚动的结尾。我该如何解决这个问题？

代码是这样的：

<div style="width: 412px; height: 351px; overflow: auto; position: relative;"> 
   <div style="width: 540px;">
      Here is a form
   </div>
</div>

第一个div是隐藏在开头的。

Answer 1

我建议您显示代码，提供链接或创建测试页面供人们查看和调试。没有一些背景，很难看出发生了什么。

我相信，这是一个示例，显示了您想要的内容：http://jsbin.com/emoji4/edit

这使用了jQuery库，所以我不确定它是否能满足你的需求。

Answer 2

在显示div的按钮上，添加此javascript以将div设置为滚动到顶部。

document.getElementById（'id'）。scrollTop = 0;

根据您的评论，如果您想在不修改按钮代码的情况下设置滚动，您可以尝试在页面加载时运行它：

<body onload="javascript: document.getElementById('id').scrollTop = 0;">

或者，您可以在页面底部运行它：

<script type="text/javascript">
    document.getElementById('id').scrollTop = 0;
</script>