Javascript 滚动时对角加载div

.main\u div2\u sub{
左侧填充：0；
宽度：0；
身高：0；
边框样式：实心；
边框宽度：0.80px 100vw；
边框颜色：透明透明#56c3b0透明；
}
.上分区
{
高度：100px；
}
.bottomdiv
{
高度：100px；
背景色：#56c3b0；
}

您的结果会是什么样的？你是否一开始什么都看不到，当你滚动时，内容从一条不可见的对角线后面变得可见？或者已经有可见的内容被一条不可见的线切断，当你向下滚动时，该线向下移动，显示出越来越多的内容？还是别的什么？请尽可能清晰地描述，尽可能详细地描述，不要让它变得不必要的长，同时滚动第二个div以动画替换第一个div。该动画就像雨刷运动@myfunkysideI仍然不明白。注意，我不是问你想如何实现它，我只是问你想要的结果。最终结果对用户来说应该是什么样子/表现。然后，我们可以（希望）给你足够的建议，什么HTML，CSS，JS使用。这就是你被困的地方，也是你来这里寻求帮助的原因。（到目前为止，请始终提供代码的证据，但不要假设代码处于正确/最佳轨道）对此表示抱歉。我需要提供一个动画，以对角方式加载第二个div@myfunkyside。也许这可以帮助您：