Scroll/position 当 Divs 中出现新信息时（通过复选框选择）到底部

Question

我正在处理一个页面，该页面要求用户从复选框中 select，因为他们使他们的 selections 新信息出现（基于 selected 复选框） . 我希望 window 在页面上出现新信息时自动滚动。

我已经在线研究了这个，但找不到与我的编码相匹配的解决方案。这是我下面的代码示例。我尝试使用

的变体

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>

提前致谢。

Answer 1

我找到了解决办法。不确定它是否是最好的，但它确实有效，所以我想我会 post 它以防其他人正在为这个问题而苦苦挣扎。随意编辑或 add/remove。现在唯一的问题是我无法让它在鼠标移动时停止。

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

<body onLoad="moveWin();">

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

Scroll/position 当 Divs 中出现新信息时（通过复选框选择）到底部

Scroll/position to bottom when new info appears in Divs (via CheckBox Selection)

javascript

html

checkbox

autoscroll