在 SharePoint 使用應用程序定制器的現代頁面布局中，自定義頁腳消失了

Question

在 SharePoint 使用 Application Customizer 的現代頁面布局中，中間/主要內容高度對於視口來說太小了，因此嘗試通過 CSS 增加中間/主要內容高度，這樣做自定義頁腳正在消失。 請參閱此處了解 SharePoint 現代頁面

任何人都可以建議如何實現它。 提前致謝。

Answer 1

您可以嘗試添加' position:fixed; '到底部 css。

添加后，您需要相應地調整其他元素的 CSS。

我的測試 css：

position:fixed;
right:10px;
bottom:10px;

更新：

首先，將 display:none 添加到底部 div css。

其次，在代碼中添加腳本，根據div的滾動事件確定滾動條的position。 當滾動條到達底部時，顯示底部 div。

示例（您需要更改類）：

$(function(){

          var nScrollHight = 0; 
          var nScrollTop = 0;   
          var nDivHight = $(".scrollRegion_dfa95bf5").height();
          $(".scrollRegion_dfa95bf5").scroll(function(){
            nScrollHight = $(this)[0].scrollHeight;
            nScrollTop = $(this)[0].scrollTop;
   　　　　　var paddingBottom = parseInt( $(this).css('padding-bottom') ),paddingTop = parseInt( $(this).css('padding-top') );
            if(nScrollTop + paddingBottom + paddingTop + nDivHight >= nScrollHight){

              $("div[class^='bottom']").show()
            }else{
              $("div[class^='bottom'").hide()
            }

            });
        })

測試結果：