我想在颜色盒上启用垂直滚动,以显示具有大高度的图像



我有非常"长"的图像,我想在一个宽度为1000px的colorbox中显示,但我希望能够在colorbox中滚动。像这样,但是具有固定的高度和垂直滚动条(您在右侧看到的滚动条是图像的一部分,而不是实际的滚动条)

当我设置一个固定的高度500px来尝试强制滚动条时,会发生这样的情况:图像被调整大小以适应整个颜色盒

我非常感谢任何帮助,因为我已经搜索了整个互联网,但每个人似乎都想禁用滚动。我想要的正好相反。

下面是它的工作原理:在遵循@Daniel Hall的链接后,我用该代码替换了我的colorbox函数并做了一些更改:

$(document).ready(function() { $(".cb-lp").each(function() { $(this).colorbox({ height: "600px", html: '<div style="overflow-y:scroll;"><img style="width:1000px;" src="' + $(this).attr('href') + '" /></div>' }); }); });

HTML代码:<a href="images/projects/landing/LandingPage2.jpg" class="cb-lp">Landing Page #1</a>

这是我的工作结果:

在图像的最底部仍然有一个水平滚动,但在我的情况下,它甚至是有益的。消除这一点可能需要更多的调整。再次感谢你们的帮助,@Daniel Hall和@mhodges

最新更新