SPFX footer should be visible at the bottom of the page after the middle content is scrolled down

%3CLINGO-SUB%20id%3D%22lingo-sub-1401785%22%20slang%3D%22en-US%22%3ESPFX%20footer%20should%20be%20visible%20at%20the%20bottom%20of%20the%20page%20after%20the%20middle%20content%20is%20scrolled%20down%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1401785%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%3ESharePoint%20Modern%20Page%20Layout%20using%20Application%20Customizer%2C%20the%20middle%2Fmain%20content%20height%20was%20too%20small%20for%20the%20view-port%2C%20so%20tried%20to%20increase%20the%20middle%2Fmain%20content%20height%20through%20CSS%2C%20by%20doing%20so%20custom%20footer%20is%20getting%20disappeared.%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fi.stack.imgur.com%2Frtage.png%22%20rel%3D%22nofollow%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%20target%3D%22_blank%22%3ERefer%20here%20for%20SharePoint%20Modern%20Page%3C%2FA%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Capture.PNG%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F192964iA8A7C264777D1564%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22Capture.PNG%22%20alt%3D%22Capture.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E%26nbsp%3BI%20want%20the%20middle%20content%20view%20to%20be%20increased%20or%20else%20the%20middle%20content%20should%20be%20visible%20to%20it's%20fullest%20view.%20and%20then%20the%20footer%20should%20be%20visible%20at%20the%20bottom%20of%20the%20page%20after%20the%20middle%20content%20is%20scrolled%20down%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1834319%22%20slang%3D%22en-US%22%3ERe%3A%20SPFX%20footer%20should%20be%20visible%20at%20the%20bottom%20of%20the%20page%20after%20the%20middle%20content%20is%20scrolled%20dow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1834319%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F672376%22%20target%3D%22_blank%22%3E%40Veena_Gupta%3C%2FA%3E%26nbsp%3BDid%20you%20find%20any%20solution%3F%20-%20I%20have%20a%20similar%20requirement%20where%20custom%20footer%20only%20needs%20to%20be%20visible%20when%20user%20scrolls%20down%20bottom%20of%20the%20page.%20Any%20help%20highly%20appreciated%20!!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERegards%3C%2FP%3E%3CP%3ESiva%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1843494%22%20slang%3D%22en-US%22%3ERe%3A%20SPFX%20footer%20should%20be%20visible%20at%20the%20bottom%20of%20the%20page%20after%20the%20middle%20content%20is%20scrolled%20dow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1843494%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F850824%22%20target%3D%22_blank%22%3E%40Siva_Kumar%3C%2FA%3EThanks%20For%20the%20response.%20Yes%20I%20have%20implemented%20portal%20footer%20at%20the%20bottom%20of%20the%20site%20using%20SharePoint%20Framework%20extension.%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

SharePoint Modern Page Layout using Application Customizer, the middle/main content height was too small for the view-port, so tried to increase the middle/main content height through CSS, by doing so custom footer is getting disappeared.Refer here for SharePoint Modern Page

Capture.PNG

 

 I want the middle content view to be increased or else the middle content should be visible to it's fullest view. and then the footer should be visible at the bottom of the page after the middle content is scrolled down

 

 

4 Replies
Highlighted

@Veena_Gupta Did you find any solution? - I have a similar requirement where custom footer only needs to be visible when user scrolls down bottom of the page. Any help highly appreciated !!

 

Regards

Siva

Highlighted

@Siva_KumarThanks For the response. Yes I have implemented portal footer at the bottom of the site using SharePoint Framework extension.

Highlighted

@Veena_Gupta Please share the code reference link or please share your code here with Css styles. It will great help full for me.

Highlighted

@Siva_KumarPlease find src code in below mentioned link. Could not able to upload full solution because of client security issue.

https://github.com/Veenaoo8/SPFx-Partal-Footer

 

Regards,

Veena