Question

我有一个div部分，其中包含＆lt; a href =“”＆gt;标签，在页面上的事件上我收缩div部分但是如果用户选中div部分，它会移动以便突出显示＆lt; a href＆gt;＆lt; / a＆gt;有焦点，有没有办法锁定div部分，它的内容不移动？

所以例如代码（psuedo不是真的）我有以下

<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 sectio滚动的内容，以便显示所选元素。我知道，如果他们按下返回，所选链接将会跟随，但我并不担心这一点，只是显示了什么

我希望这些已经清除，如果您转到link text点击左侧的培训部分然后返回标签（班次选项卡），您可以看到我的问题，上面的文章部分发生了变化。

由于

Answer 1

有没有办法锁定div部分，它的内容不会移动？

不是真的*，但无论如何你真的不想这样。即使您将其锁定到位，隐形链接仍然会接受焦点，从而导致标签行为混乱。

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

你应该做的是在链接周围加一个div，并在链接被省略时将其显示样式设置为“none”。这样他们就不会参与标签订单。

Answer 2

根据我的问题，你希望你的div相对于浏览器窗口保持固定。如果是这种情况，可以通过声明div的绝对位置来完成。

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

停止div部分移动的内容

2 个答案: