css - 在使用应用程序定制器的 SharePoint 现代页面布局中，自定义页脚消失

Question

在使用应用程序定制器的 SharePoint 现代页面布局中，中间/主要内容高度对于视口来说太小了，因此尝试通过 CSS 增加中间/主要内容高度，这样做自定义页脚会消失。有关 SharePoint 新式页面，请参阅此处

任何人都可以建议如何实现它。提前致谢。

Answer 1

您可以尝试添加 ' position:fixed; '到底部的CSS。

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

我的测试CSS：

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

更新：

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

其次，在代码中添加一个脚本，根据div的滚动事件确定滚动条的位置。当滚动条到达底部时，显示底部 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()
            }

            });
        })

测试结果：