jquery - 当移出父 DIV 时，使 Div 不可见

Question

请在 http://jsfiddle.net/wlogeshwaran/NGL8P/4/ 找到代码

在这里，我想让'hi'，'hello'不可见，当它不在那个绿色框中时。 当他们离开绿框时，我应该怎么做才能让他们消失。

提前致谢。

Answer 1

你需要添加:

.block {
    overflow:hidden;
    }

.slide1, .slide2 {
      position:relative;  /* instead of fixed */
}

溢出:隐藏；将使任何脱离 div 的元素不被渲染。

将位置切换为 relative 而不是 fixed 将使溢出生效。不同“位置范围”的溢出并不总是有效。这是它没有的情况之一。当使用 overflow:hidden 隐藏时，让 child 与 parent 处于相同的位置总是更好，以避免意外。