Question

我知道CSS和HTML，因为我知道只有这两个才能做到这一点。

<div class="hidden">
   <img class="mini-icon" src="media/images/runes.png" height="25" width="35" alt="">
   <!-- The DIV THAT LOOKS LIKE A TOOLTIP -->
   <div class="hidden-runes">
      Content
   </div>
</div>

我认为逻辑可能是这样的：

►Javascript获取当前页面高度（例如：1500px）并将其存储在变量（页面高度）

►Javascript检测hidden-runes类是否更改了他的diplay值（例如：display: none - Hovering -turns into - display: block）

►display现在为block后，javascript再次检查当前页面高度并与存储值进行比较（例如：new-page-height - page-height = x）

►如果x值大于0（例如：x = 100px），则javascript获取.hidden-runes top值并减去x值

我很抱歉任何误解。如果你们中的任何人可以指示我快速学习javascript的书籍或网站（或任何其他方式），我将非常感激

如何防止绝对位置的div离开屏幕？

0 个答案: