javascript - Chrome 扩展滚动条放置

标签 javascript html css google-chrome google-chrome-extension

在涉足 Chrome 扩展后,我注意到当页面操作中的数据达到某个点时,滚动条会自动附加到弹出窗口,这是我所期望的。但是,它没有将内容推到滚动条的左侧,而是覆盖了导致水平滚动条变为事件状态的内容。我最后只是在我的数据上添加了一个检查并应用了一个 css 类来将内容推到左边更多以与滚动条平行运行并且在它旁边而不是在它下面。除了我的 hackish 解决方案之外,还有什么正确的处理方法?

最佳答案

我自己也在想这个问题。目前我只是不把任何重要的东西放在弹出窗口右侧 20 像素以内并禁用水平滚动条:

body {overflow-x:hidden;overflow-y:auto;}

所以当垂直滚动条出现时,内容至少不会跳动。

关于javascript - Chrome 扩展滚动条放置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5554988/

相关文章:

html - css中的居中视角

html - 如何删除具有内联 block 样式的列表项之间的空格

javascript - 将一组十六进制值相加

javascript - 当页面居中时,带有输入字段的 jQuery-ui slider 句柄跟随不起作用

javascript - 无法从 javascript 连接到 ASP.NET Core websocket

css - 有没有办法停止在 type=number 中手动输入,但仍然允许使用 "up/down"按钮进行更改?

wordpress - 如何在 wordpress 中制作纯 CSS3 平滑下拉菜单?

JavaScript输入格式DD :HH

javascript - 如何找出是什么 JavaScript 函数触发了 HTML 更改?

javascript - 无法在 angularjs 对话框上应用 CSS