Question

我正在页面上工作，要求用户从复选框中进行选择，因为他们会选择新信息（基于所选复选框）。我希望窗口能够在页面上显示新信息时自动滚动。

我在网上研究这个，但找不到与我的编码相符的分数。这是我的代码的一个例子。我试图使用

的变体

element.scrollTop = element.clientHeight;

和

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

$ objDiv.scrollTop（$ objDiv.height（））;

＆＃13;

<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>

＆＃13;

提前致谢。

Answer 1

我找到了解决方案。不确定它是否是最好的但它有效，所以我想我会发布它，因为任何人都在努力解决这个问题。随意编辑或添加/删除。现在唯一的问题是我无法在鼠标移动过程中停止它。

＆＃13;

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

＆＃13;

<body onLoad="moveWin();">

＆＃13;

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

在Divs中显示新信息时滚动/位置到底部（通过CheckBox选择）

1 个答案: