0

我有一个带有fancybox 弹出窗口的画廊。在 Fancybox 弹出窗口中，我想在左侧显示图片，在右侧显示一些文字。如果文本太长，那么您应该能够向下滚动。在这种情况下，左边的图像应该固定在幻想框的左上角，只有文本应该滚动。

我尝试了position:fixed和的版本background-position:fixed。然而，由于固定属性始终是从视口计算的，因此图像的某些部分隐藏在 fancybox 之外。Fancybox 版本：2.1.4 这是我的网站： http ://tinyurl.com/bl7do5e

如何在fancybox弹出窗口中修复左侧的图像？

4

1 回答 1

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;
}
于 2013-05-11T23:33:20.733 回答