我正在处理一个表格,它有很多列和行,所以它有一个水平和垂直的滚动.
第一列是固定的,它有一个阴影.只有当用户水平滚动时,该阴影才可见.
我创建了一个SCSS类active-scroll-shadow
,当用户水平滚动时,该类是活动的.
我想要实现与表格垂直滚动相同的行为.
有没有办法在表格垂直滚动事件而不是浏览器滚动上激活一个类?
我正在处理一个表格,它有很多列和行,所以它有一个水平和垂直的滚动.
第一列是固定的,它有一个阴影.只有当用户水平滚动时,该阴影才可见.
我创建了一个SCSS类active-scroll-shadow
,当用户水平滚动时,该类是活动的.
我想要实现与表格垂直滚动相同的行为.
有没有办法在表格垂直滚动事件而不是浏览器滚动上激活一个类?
根据您对水平滚动所做的操作,您可以获得带有.scrollTop
属性的垂直滚动.
onScroll(event) {
console.log(`scrollLeft: ${this.scrollElem.scrollLeft}`);
this.ApplyShadow = this.scrollElem.scrollLeft > 5;
console.log(`scrollTop: ${this.scrollElem.scrollTop}`);
this.ApplyVerticalShadow = this.scrollElem.scrollTop > 5;
}
您可能只需要为垂直阴影使用另一个变量(我称之为ApplyVerticalShadow
),然后您就可以像处理水平阴影一样有条件地应用阴影.希望这能帮上忙.