Question

我有3个触发相同模态的按钮（它类似于选项卡，但使用模态），每个按钮将使模态内的一个div可见，并隐藏其他2个。

问题是，当屏幕尺寸允许滚动时，如果我打开模式或更改选项卡，页面会自动滚动到底部。

onclick="toggleAssistance('assistance-{{ key }}')

toggleAssistance()仅使目标div可见并隐藏其他div，但是由于按钮上的onclick指向模式内的这些div的IDs，我认为浏览器是只是向下滚动到那些锚点：

<div id="assistance" class="assistance">
  <div>
      {% for key, data in resources %}
          <div id="assistance-{{ key }}"></div>
      {% endfor %}
  </div>
</div>

是否可以在保持点击触发的同时防止滚动锚定？

我还尝试将类modal-open赋予<body>和/或<html>以应用overflow: visible;，但这实际上没有任何帮助。

打开模态时如何防止锚滚动？

0 个答案: