Javascript 在div上滚动三角形css边框

Javascript 在div上滚动三角形css边框,javascript,html,css,Javascript,Html,Css,我的问题是三角形css边框 你可以在这里看到所有这些,为了更好地解释,我将把我的问题的图片放在这里 我所做的是:当我点击一个li元素时,我添加了一个类“activo”,他会得出这样的结果: 巴西克利,他加上了三角形。但是当你滚动这个的时候,这个三角形不符合。比如: 这是垃圾箱: 谢谢你有这个CSS规则 .it_menuUtilizador nav .it_submenu li .activo:before { content: ''; position: absolute;

我的问题是三角形css边框

你可以在这里看到所有这些,为了更好地解释,我将把我的问题的图片放在这里

我所做的是:当我点击一个li元素时,我添加了一个类“activo”,他会得出这样的结果:

巴西克利,他加上了三角形。但是当你滚动这个的时候,这个三角形不符合。比如:

这是垃圾箱:

谢谢你有这个CSS规则

.it_menuUtilizador nav .it_submenu li .activo:before {
    content: '';
    position: absolute;
}

您需要将其设置为相对,然后必须使用CSS将其定位在您期望的位置,并修复此更改引起的其他问题,然后它将与页面的其余部分一起滚动。

我没有访问jsbin代码的权限,但是您是否尝试将可滚动内容中的三角形作为列表项的相对位置添加?否则,您将需要使用js将三角形位置与该容器上的scrollTop同步。这不会太好,因为它会影响性能和fps。我知道这样做,但正如您所说,这不是解决此问题的最佳方法。但是谢谢:)我试着把它放在一个相对的位置,我会告诉你这个问题:这个放在卷轴下面,我的想法放在正面。我认为这是一些糟糕的代码,你觉得呢?谢谢你的回答