Question

我正在使用options_ui更新我的扩展程序，当用户更新扩展程序时，我调用browser.runtime.openOptionspage()让他们知道新选项页面，但是对于某些屏幕尺寸，options_ui不可见，所以更好用户体验我想用单选按钮滚动我的表单进入视图，我在输入元素上尝试了.scrollIntoView（）但它看起来不起作用。
我有一种感觉，这可能是不可能的：关于这是可能的吗？

这是我的意思的图像，https://i.imgur.com/2bZx7d1.png

我的选项页面/代码：

<body>
  <form>
      <label>Enable for:</label><br>
      <input type="radio" name="setting" id="global" value="global"> All tabs<br>
      <input type="radio" name="setting" id="tabs" value="tabs"> Only tabs I click the icon in
  </form>
  <script src="options.js"></script>
</body>

function restoreOptions() {
  document.getElementById("tabs").scrollIntoView(); //nada
  var mode_getter = browser.storage.local.get("tab_mode");
  mode_getter.then((obj) => {
    switch (obj.tab_mode) {
      case "tabs":
        document.getElementById("tabs").checked = true;
        break;
      default:
        document.getElementById("global").checked = true;
    }
  });

}

document.addEventListener('DOMContentLoaded', restoreOptions);
document.querySelector("form").addEventListener("change", saveOptions);

将options_ui滚动到视图中，Firefox webextension

0 个答案: