jscrollpane - 允许内容在滚动区域上展开?

时间:2011-01-29 20:09:38

标签: jscrollpane

我正在使用jscrollpane jquery插件。我的内容是当您将鼠标悬停在其上时会展开的图像,并且会在鼠标移动时缩小到正常状态。如果图像能够扩展到滚动条之外并且在展开时保持可见,我需要什么。

通过为图像提供z-index,我可以让它们在滚动条手柄上展开,但我很难让它们进一步扩展。

如果我将一些元素设置为可见溢出,我可以让它工作,但是我在屏幕底部有浏览器滚动条。

我可以在展开时看到图片,但没有浏览器滚动条吗? 谢谢

1 个答案:

答案 0 :(得分:0)

回答: http://groups.google.com/group/jscrollpane/browse_thread/thread/8073378d51551efa

您好,

如果我理解正确,你希望你的图像扩展出来 滚动窗格“盒子”的界限?这不可能以简单的方式实现。

解决方法可能是做这样的事情:

* On mouseover clone the image that is rolled over and attach the
  clone to the body with position: absolute.
* Use jQuery to figure out the position of the image you cloned with
  respect to the body (a loop with offsetParent will be your friend
  here).
* Apply this position to the cloned image so that it is sitting
  directly above the original image then expand it.
* Listen for the mouseout event on the cloned image and when this
  happens the shrink the cloned image and then remove it from the body.

希望它有所帮助,

Kelvin :)