如何滚动到div内的元素？

Question

如何滚动到div内的元素？我有一个滚动的div，当我点击它时我想要一个链接它会强制div滚动查看里面的元素。我写了这样的JavasSript：document.getElementById(chr).scrollIntoView(true);但这会在滚动div自己的同时滚动所有页面。如何解决？我想这样说MyContainerDiv.getElementById(chr).scrollIntoView(true);

Answer 1

您需要获取要滚动到视图中的元素的顶部偏移量，相对于其父元素（滚动div容器）：

var myElement = document.getElementById('element_within_div');var topPos = myElement.offsetTop;

变量topPos现在设置为滚动div的顶部与您希望可见的元素之间的距离（以像素为单位）。

现在我们告诉div使用scrollTop以下方式滚动到该位置：

document.getElementById('scrolling_div').scrollTop = topPos;

如果您正在使用原型JS框架，那么您将执行以下相同的操作：

var posArray = $('element_within_div').positionedOffset();$('scrolling_div').scrollTop = posArray[1];

同样，这将滚动div，以便您希望看到的元素正好位于顶部（或者如果不可能，则尽可能向下滚动以使其可见）。

Answer 2

您必须在要滚动到的DIV中找到元素的位置，并设置scrollTop属性。

divElem.scrollTop = 0;

更新：

向上或向下移动的示例代码

  function move_up() {
    document.getElementById('divElem').scrollTop += 10;
  }

  function move_down() {
    document.getElementById('divElem').scrollTop -= 10;
  }