html - 停止移动 div 部分的内容

Question

我有一个 div 部分，它充满了 标签，在页面上的一个事件中我缩小了 div 部分但是如果用户跳转到 div 部分，它会移动以便突出显示 < href> 有焦点，有什么方法可以锁定它的内容不会移动的 div 部分吗？

所以例如代码(伪造的不是真实的)我有以下内容

<div>
  <h4>Heading</hv>
  <a href = "1">Link 1</a>
  <a href = "2">Link 2</a>
  <a href = "3">Link 3</a>
</div>

我缩小了 div 部分，以便仅显示 h4 {overflow:hidden}，但是用户随后可以切换到元素并滚动，以便它们显示在 div“窗口”中，这不是我想要的想要，所以实际上我得到了<div><a href = "1">Link 1</a><div>我想留下的是 <div><h4>heading</h4></div>实际上，我想停止 div 部分的内容滚动，以便显示所选元素。我知道如果他们按回车键，选定的链接将被跟随，但我并不担心这个，只是显示的内容

我希望这已经解决了，如果你去 link text 就可以看到我的问题点击左侧的培训版 block ，然后返回tab(shift tab)，上面的文章版 block 就变了。

谢谢

Answer 1

is there any way to lock a div section that it's contents don't move?

不是真的*，但无论如何你真的不想要那个。即使您将其锁定到位，不可见的链接仍会接受焦点，从而导致令人困惑的选项卡行为。

(*:缺少一些可怕的东西，比如从 JavaScript onfocus 更改溢出元素的 scrollTop。呃。)

您可能应该做的是在链接周围放置一个 div，并在删除链接时将其显示样式设置为“无”。这样他们就不会参与跳位顺序。