We are creating a custom footer though SPFx Application Customizer for modern sharepoint pages. But our requirement on the Footer is to show the footer with a increased height. Once we deployed the customizer the Body of the page is not fully displayed. The footer is getting freeze in the screen and the rest of the body content needed to navigate via vertical scrolls. The code block to set the footer is mentioned below.

 let bottomPlaceholder: PlaceholderContent = this.context.placeholderProvider.tryCreateContent(PlaceholderName.Bottom);

    if (bottomPlaceholder) {
        bottomPlaceholder.domElement.innerHTML = footer;

    return Promise.resolve();

Ideally the Footer should be placed in the bottom of the page not in the bottom of the screen. Is there a solution to apply this footer in bottom of the page so that it won't affect the contents of the page?

  • Try updating your SPFx version -- I'm seeing no cutoff with spfx 1.5: github.com/SharePoint/sp-dev-docs/wiki
    – Mike
    Commented Jun 23, 2018 at 15:43
  • @Kanishka did you get it figured out? I don't want to go through the trouble if it's still a sticky / window footer Commented Jan 7, 2019 at 17:11

1 Answer 1


@kanishka - Did you manage to find the solution - I have a similar requirement where custom footer only needs to be visible when user scrolls down bottom of the page. We tried to set the placeholder position absolute but there are multiple scrollbars appearing. Any help highly appreciated !!

  • @Ashwani...post a new question rather than asking question in answer.... Commented Jul 26, 2019 at 9:23
  • Sorry, But I try to put a comment rather than posting a question because I have similar issue. I can't comment to above post as it says 50 reputation required. Commented Jul 26, 2019 at 9:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.