我正在尝试实施20条新闻的垂直股票代码。在这里，我希望得到以下几点：
1。）股票代码应该一次显示前5个新闻。当用户在票箱中向下滚动时，他/她可以查看其他新闻，直至第20个。
2。）当用户在任何新闻div部分上盘旋时，它应该在新闻文本的左侧显示一个框。就像Facebook自动收报机的情况一样。这里重要的是，该框应该相对于新闻div部分的位置显示得很好。如果新闻div部分的当前位置位于页面底部，则悬停框应仅显示在底部。同样，如果新闻div位置在页面的中间，那么它应该在中间显示悬停框。简而言之，悬停框应根据新div部分的位置动态调整其位置。
我正在面对挑战，所以决定接受你们的帮助。主要的挑战是，在尝试使固定高度的滚动框可滚动仅包含5个元素时，它也隐藏了悬停框。
答案 0 :(得分：0)
实现移动上下文div的最简单方法是为每个项目呈现它，并在用户将鼠标悬停在自动收报机项目上时显示它。
每个项目看起来都像<div class="a">NEWS 1 <div class="a1">TO THE LEFT (news)</div></div>
然后，您只需在加载时将.a1设置为display:none并添加
.a:hover .a1 {
display:block;
}
在你的CSS中。
要在设置overflow-y滚动时解决溢出问题，可以在列表中设置一个margin-left，这将扩展overflow-x界限（并允许将鼠标悬停在内容上以显示）
要获得您真正想要的东西，您将不得不使用javascript。您需要为所有自动收录器项目收听onmouseover事件，并设置内容div的Y位置以匹配。例如：codepen您需要对div的内容进行排序并根据您希望显示的位置更正左/右位置