Wordpress推荐滑块及其与页脚的链接

Question

我正在为一个客户创建一个Wordpress网站 。

在主页上，我添加了推荐书，当“推荐书”滑块起作用时，下方的页脚也会重新调整大小（上下）。 我想知道该如何解决？ 当客户端滑块移动时，我不希望页脚移动。

Answer 1

我认为您应该通过jQuery动态计算最小高度

  jQuery(document).ready(function($) {

        $(window).resize(function () {

        var minHeight = -1;
        $('.home-testimonial .slides > li').each(function() {
          minHeight = minHeight > $(this).height() ? minHeight : $(this).height();
        });
        minHeight+=300;
        $('.home-testimonial').css('min-height', minHeight+'px');

        });
   }); 

这将看到您拥有的最长证词，并根据其放置容器的主要高度，因此，如果您有很长的证词或在移动设备上使用，它将可以正常工作

Answer 2

这实际上不是WordPress问题，更多是CSS问题。

随着个人鉴定的过渡，下面的内容（在本例中为页脚）在上/下跟随。

为了防止这种情况，您需要添加一些CSS，这些CSS会将min-height添加到推荐容器中。

以下CSS将与您现在拥有的推荐长度一起使用 。 如果您的推荐时间更长，则必须增加数量：

.home-testimonial {
    min-height: 625px;
}

您可以将其添加到主题的样式表，或它们允许您设置的任何自定义样式区域中。