如何防止scrollTop在標簽到隱藏元素時改變？
[英]How to prevent scrollTop from changing when tabbed to hidden element?
問題描述
我有一個帶overflow: hidden的盒子overflow: hidden一些元素位於盒子外面的地方
當我切換到框外的元素時，框實際上是在移動或滾動，即使它不應該因為overflow: hidden
http://jsbin.com/rabetib/1/edit?html,css,js,output
請注意，您不應該看到非黃色框，但是在使用 Tab 鍵時容器會更改滾動位置
是否有另一個 CSS/HTML/JS 道具可以阻止我的盒子移動以顯示焦點項目？
我現在唯一的解決方案是在焦點改變時重復設置scrollTop: 0
1 個解決方案
解決方案1
1 2017-10-25 20:48:27
好的，我解決這個問題的方法是監聽容器上的scroll 。
現在調用e.preventDefault()為時已晚，但您可以在錯誤滾動后設置container.scrollTop = 0 。 我的 chrome 版本沒有閃光燈
當鼠標拉動滾動條時，如何在調整`scrollTop`后防止滾動事件被觸發？
[英]How to prevent scroll event from firing after adjusting `scrollTop` when mouse pulls up scrollbar?
按下箭頭時如何防止插入點改變其在輸入元素中的位置？
[英]How to prevent insertion point from changing its position in an input element when pressing arrows?
如何防止HTML的默認值 <select>用戶離開屏幕時更改的元素
[英]How to prevent the default value for an HTML <select> element from changing when the user leaves the screen
當父元素被overflow：hidden隱藏時，阻止tabbing鏈接
[英]Prevent tabbing to link when hidden by parent element with overflow:hidden
如何將元素的scrollTop設置為有角度的窗口scrollTop？
[英]How to set scrollTop of element to scrollTop of window in angular?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.