SELECT 滚动的 Javascript 控件

Question

首先，我不是 Javascript 专家。我想向我正在使用的 SELECT 框添加一个功能，它会在添加新项目时自动滚动到末尾，但前提是用户没有向上滚动。

基本上，当用户查看较早的条目时，我不希望新来者将位置抢到选择列表的末尾。但是，如果用户使用滚动条向下滚动到底部，新到达的内容应该自动进入 View 。

这是我目前的情况

<script type="text/javascript">
  function AddItem(s) 
  {
    document.getElementById('content').add(new Option(s));
    // Scroll to end - cant remember why I am using this pair of commands :)
    document.getElementById('content').selectedIndex = document.getElementById('content').length - 1;
    document.getElementById('content').selectedIndex = document.getElementById('content').length + 1;
  }
</script>

我希望必须执行测试以查看最后一项是否可见。如果是这样，我们就在底部，应该执行自动滚动。这是正确的吗？

感谢 JS 大师

西蒙

Answer 1

无法通过 javascript 访问选择框的滚动条，因此我认为您无法做到这一点。

相关:Height of an HTML select box (dropdown)

您可以看到选择了哪些项目并更改选择，但我认为没有任何方法可以判断哪些项目可见。