如何在弹出式窗口中滚动时在fancybox弹出窗口中修复图像？

Question

我有一个画廊与fancybox弹出。在Fancybox弹出窗口中，我想在左侧显示图片，并在右侧显示一些文字。如果文字太长，那么你应该可以向下滚动。在这种情况下，左侧的图像应该固定在fancybox的左上角，只有文本应该滚动。我试过版本position:fixed和background-position:fixed。然而，由于固定属性总是从视口计算，图像的某些部分隐藏在fancybox之外。 的fancybox版本：2.1.4 这里是我的地盘： http://tinyurl.com/bl7do5e

如何解决在内部一个的fancybox弹出左的形象呢？

Answer 1

图像的CSS应该将位置设置为相对，但相对标记指的是其上方div的位置状态。它应该处理这些图像，但如果您在调试时遇到问题，请在将来查找。

.sticker { 
    position: relative; 
    top: 0px; 
    left: 0px; 
    display: block; 
} 

至于滚动文本框，您可以使用

div.item-page-contents { 
    min-width: 100px; 
    overflow: scroll; 
} 

这会给你一个滚动条，但你需要惹包含文本的div的大小来得到它适合正常。此外，如果您希望滚动条消失，则可以将文本框div封装在另一个较小且具有溢出的div中：隐藏它们以使它们在保留滚轮时消失。

渲染很酷这是你的工作吗？

编辑：花式框有一个内联css规则，说如果你在框中有什么太大，它会使整个框（包括图片）滚动，但只要你小心你如何适合你的元素不会有这个问题。 Joomla或花哨盒子插件也可能会禁用此功能。我以前从未使用过，所以我不确定。

div.item-page-contents { 
    width: 275px; 
    float: right; 
    height: 350px; 
    overflow-y: scroll; 
    overflow-x: hidden; 
}