当新信息出现在 Divs 中时滚动/定位到底部（通过复选框选择）答案

【问题标题】：Scroll/position to bottom when new info appears in Divs (via CheckBox Selection)当新信息出现在 Divs 中时滚动/定位到底部（通过复选框选择）
【发布时间】：2017-06-26 21:25:22
【问题描述】：

我正在处理一个要求用户从复选框中进行选择的页面，因为他们进行选择时会出现新信息（基于选定的复选框）。我希望窗口在页面上出现新信息时自动滚动。

我在网上对此进行了研究，但找不到与我的编码相匹配的解决方案。这是我下面的代码示例。我尝试使用

的变体

element.scrollTop = element.clientHeight;

和

var $objDiv = $("#logtext");

$objDiv.scrollTop($objDiv.height());

<html>
 
<head>
 
<script>
element.scrollTop = element.clientHeight;
</script>

 
<script> 
var $objDiv = $("#logtext");
$objDiv.scrollTop( $objDiv.height() );
</script>
 
</head>
<body>
 

 
<form method="post" action="#">
 
 
  <h4>Select a fruit:</h4>
  <div>
    <div>
      <input type="checkbox" name="choice-apple” id="choice-apple” required>
      <label for="choice-apple”>Apple</label>
 
      <div class="reveal-if-active">
        <label for=“apple”><p><font color="purple">"I'm glad to Hear that!<br>Why do you like apples?”</label><br></p>
        <input type="button" value=“more apples" onclick = "location.href=‘apple1.html'">
      </div>
    </div>
 
<p><font color="black">
    <div>
 
      <input type="checkbox" name="choice-banana” id="choice-banana”>
      <label for="choice-banana”>Banana</label>
 
      <div class="reveal-if-active">
    <label for="negative"><p><font color="red">"I'm surprised to hear that. Why do you like bananas?</label><br></p>
        <input type="Button" value=“more bananas“ onclick = "location.href=‘bananas1.html'">
      </div>
    </div>
  </div>
 
</form>
<br> 
</html>

提前致谢。

【问题讨论】：

试试这个 $("#logtext").scrollTop($("#logtext")[0].scrollHeight);
为什么将element.scrollTop = element.clientHeight; 等放在<head> 中？
@samnu pel 我试过 $("#logtext").scrollTop($("#logtext")[0].scrollHeight);它没有用。不过还是谢谢你的回答。
@stybl 我想我应该将代码放在头部，以便它可以首先加载。我之前在不同的地方尝试过，但无济于事。
这段代码是 JavaScript。它不是 HTML 的一部分。您需要将其放在<script></script> 标记中。否则它不会做任何事情。

标签： javascript html checkbox autoscroll

【解决方案1】：

我想出了一个解决办法。不确定它是否是最好的，但它有效，所以我想我会发布它，以防其他人在这个问题上苦苦挣扎。随意编辑或添加/删除。现在唯一的问题是我无法让它在鼠标移动期间停止。

  
  <script type="text/javascript">
  function moveWin()
  {  
    window.scroll(0,10000);
    setTimeout('moveWin();',2000);
  }
  </script>

&lt;body onLoad="moveWin();"&gt;

我想让它在他们点击复选框时滚动，我仍然想让它在鼠标移动时停止。

【讨论】：