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;
}

您可以將其添加到主題的樣式表，或它們允許您設置的任何自定義樣式區域中。