如何防止scrollTop在tabbed到hidden元素时改变?

时间:2017-10-25 20:21:00

标签: javascript html css

我有一个overflow: hidden的框,其中一些元素位于框外

当我切换到框外的元素时,框实际上正在移动或滚动,即使它不应该因为overflow: hidden

http://jsbin.com/rabetib/1/edit?html,css,js,output

请注意,您不应该看到非黄色框,但容器会在标记时更改滚动位置

是否有另一个CSS / HTML / JS道具可以防止我的盒子移动到显示焦点项目?

我现在唯一的解决方案是每当焦点改变时重复设置scrollTop: 0

1 个答案:

答案 0 :(得分:1)

好的,我解决这个问题的方法是在容器上监听scroll

调用e.preventDefault()为时已晚,但您可以在错误滚动后设置container.scrollTop = 0。我的Chrome版本没有闪光