Wordpress推荐滑块和它与页脚的链接

时间:2015-12-24 22:17:20

标签: javascript php jquery wordpress fullscreen

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

在主页上,我添加了推荐信,当推荐滑块工作时,下方的页脚也会重新调整大小(向上和向下)。我想知道如何解决这个问题? 当客户端滑块移动时,我不希望页脚移动。

2 个答案:

答案 0 :(得分: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');

        });
   }); 

这会看到你所拥有的最长的推荐信,并根据它来设置容器的主要高度,这样如果你有很长的推荐或在移动设备上它会起作用

答案 1 :(得分:1)

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

随着推荐书的转换,下面的内容(在这种情况下是页脚)会跟进它。

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

以下CSS可以使用您现在拥有的推荐信。如果你的推荐书变得更长,那么这个数字就必须增加:

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

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