如何滚动到div内的元素?

如何滚动到div内的元素?

我有一个滚动的div,当我点击它时我想要一个链接它会强制div滚动查看里面的元素。我写了这样的JavasSript:

document.getElementById(chr).scrollIntoView(true);

但这会在滚动div自己的同时滚动所有页面。如何解决?

我想这样说

MyContainerDiv.getElementById(chr).scrollIntoView(true);


慕虎7371278
浏览 963回答 3
3回答

慕田峪7331174

您需要获取要滚动到视图中的元素的顶部偏移量,相对于其父元素(滚动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,以便您希望看到的元素正好位于顶部(或者如果不可能,则尽可能向下滚动以使其可见)。

杨魅力

您必须在要滚动到的DIV中找到元素的位置,并设置scrollTop属性。divElem.scrollTop = 0;更新:向上或向下移动的示例代码  function move_up() {     document.getElementById('divElem').scrollTop += 10;   }   function move_down() {     document.getElementById('divElem').scrollTop -= 10;   }
打开App,查看更多内容
随时随地看视频慕课网APP