1

我有一个充满 <a href=""> 标签的 div 部分，在页面上的一个事件上我缩小了 div 部分但是如果用户选项卡进入 div 部分，它会移动以便突出显示 <a href> </a> 有焦点，有没有办法锁定一个 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 部分的内容滚动，以便显示所选元素。我知道如果他们按下回车键，选定的链接将被跟随，但我不担心这个，只是显示的内容

我希望这被清除了，如果您转到链接文本单击左侧的培训部分然后返回选项卡（移位选项卡），您可以看到我的问题，上面的文章部分会更改。

谢谢

4

2 回答 2

2

有什么方法可以锁定一个 div 部分，它的内容不会移动？

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

（*：缺少一些可怕的东西，比如从 JavaScript onfocus 更改溢出元素的滚动顶部。呃。）

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

于 2009-08-18T09:53:54.290 回答
0

根据我对您的问题的了解，您希望您的 div 相对于浏览器窗口保持固定。如果是这种情况，可以简单地通过为 div 声明 position:absolute 来完成。

如果您想要其他内容，请澄清您的问题。

于 2009-08-18T09:03:35.500 回答