Wordpress 推荐滑块和带页脚的 link

Question

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

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

Answer 1

这不是真正的 WordPress 问题，更像是一个 CSS 问题。

随着推荐的过渡，下面的内容（在本例中为页脚）跟随它向上/向下。

为了防止这种情况，您需要添加一些 CSS，这将向证明容器中添加一个 min-height。

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

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

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

Answer 2

我认为您应该通过 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');

        });
   });

这将看到您拥有的最长的推荐书，并将容器的主要高度放在它的基础上，因此如果您有很长的推荐书或在移动设备上，它会起作用

Wordpress 推荐滑块和带页脚的 link

Wordpress testimonial slider and it's link with footer

javascript

php

jquery

wordpress

fullscreen