初学者-我希望滚动条与JS一起向下移动



下面这些家伙,我使用了代码:

window.scrollBy (0, window.innerHeight)

是的,它会在instagram主页上向下滚动。

然而,当我转到我的故事,看看是谁看的时,我希望他在主页上滚动故事的NOT滚动条。

当我打开控制台并使用上面提到的代码时,它会返回未定义的结果,并且不会执行我想要的操作。

我如何滚动浏览过我故事的人的栏?不是从主页(完整(?

编辑

在此处输入图像描述

var button = document.querySelector('#scroll-child')
button.addEventListener('click', function() {
var childBlock = document.querySelector('.child')
childBlock.scroll(0, 50)
})
.parent {
height: 300px;
background-color: yellow;
text-align: center;
overflow: scroll;
}
.child {
width: 300px;
height: 200px;
background-color: crimson;
text-align: center;
overflow: scroll;
}
.child-content {
margin: 20px;
height: 1000px;
}
<div class="parent">
<button id="scroll-child">
scroll child content!
</button>
<div class="child">
<div class="child-content">
something1
something2
something3
something4
something5
something6
something7
something8
</div>
</div>
</div>

  1. 使用css选择器查找您的故事块:
var storyBlock = document.querySelector('#my-story-block-id')
  1. 在块内滚动
storyBlock.scroll(0, storyBlock.innerHeight)

最新更新