Javascript 强制图元样式更改立即生效(在当前帧中)

Javascript 强制图元样式更改立即生效(在当前帧中),javascript,css,scroll,overflow,touchstart,Javascript,Css,Scroll,Overflow,Touchstart,我有一个元素,其溢出等于隐藏 我正在捕获窗口上的touchstart事件: window.addEventListener('touchstart', handler, true); 在处理程序中,我希望在touchstart事件到达之前,使我的元素可以滚动 element.style.overflowY = 'scroll'; 不幸的是,这不起作用,原因有两个: 调用处理程序时,元素已被视为“可展开” 更改的样式.overflowY在下一帧之前不会生效 有没有办法绕过这个问题 在我的场

我有一个元素,其
溢出
等于
隐藏

我正在捕获
窗口上的
touchstart
事件:

window.addEventListener('touchstart', handler, true);
处理程序中
,我希望在
touchstart
事件到达之前,使我的元素可以滚动

element.style.overflowY = 'scroll';
不幸的是,这不起作用,原因有两个:

  • 调用
    处理程序
    时,元素已被视为“可展开”

  • 更改的
    样式.overflowY
    在下一帧之前不会生效

有没有办法绕过这个问题

在我的场景中,无法在
touchstart
事件之前使元素可滚动


“我的元素”之所以会溢出:隐藏,首先是为了防止在自定义动画运行时出现任何以前的滚动动画。

我的理解是,您希望在事件发生之前执行一个操作。我说的对吗?@frederick99元素需要在
touchstart
冒泡时使
溢出:滚动
生效。这样,即使元素在
touchstart
事件发生之前已溢出:隐藏,也可以滚动该元素。@frederick99通过使用
窗口捕获
touchstart
事件。addEventListener
,我希望使元素立即可滚动。