如何在单个产品页面上滚动图像

时间:2017-10-16 作者:user129727

我的产品图片尺寸是高1600 x宽600。我可以在单个产品页面上显示类似此网站的滚动图像。

  https://envato.com/websites/designs/web-marketing-studio/372e82a3-0b96-4885-b066-88aceb37346d

1 个回复
SO网友:Md. Amanur Rahman

您只需设置包含图像的包含元素的高度。然后将css中的元素设置为overflow-y:在css中滚动。只是基本的。然后将使用滚动显示您的图像。。

尤其是woocommerce。。您可以将此css设置为您的样式。css

.product-images{overflow-y:scroll; background:url(yourimageurl) no-repeat; width:widthof the image height: height of the background image}

结束

相关推荐