function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
sandhya santhanagopalansandhya santhanagopalan 

unable to fix footer in salesforce1

hi all
any idea how to keep a <div> fixed in lightning?
slds-is-fixed/style="position:fixed works fine in chrome desktop version to fix my footer.but not working in salesforce1.any help wud be appreciated.Thanks in advance.
DeepthiDeepthi (Salesforce Developers) 

Hi Sandhya,

Please check the below post that can answer your issue: https://salesforce.stackexchange.com/questions/123176/fixed-div-in-salesforce1-using-lightning-components 

Hope this helps you!
Thanks,
Deepthi
sandhya santhanagopalansandhya santhanagopalan
Thnaks Deepthi, but could u please explain me the code in the link.I am not able to follow.
Lakshay Arora 23Lakshay Arora 23
I was able to fix it using the following css for the footer element that is supposed to be fixed :
.footer-to-be-fixed{
position: fixed;
bottom: 0;
transform: translate3d(0,0,0);
}
Harish Sridhar 10Harish Sridhar 10
@Lakshay Arora could you please let me know how did you fix it?
Harish Sridhar 10Harish Sridhar 10
.footer-to-be-fixed{
position: fixed;
bottom: 0;
transform: translate3d(0,0,0);
}

doesn't seem to work.
Manish BaldotaManish Baldota
.fixDiv {
    position:static !important;
    bottom:0rem !important;
    left:0rem !important;
    right:0rem !important;
    background-color: white !important;
    width:100% !important;
    transform:translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    display: block;
}
.reaminingDiv {
    max-height : 90vh !important;
    overflow :scroll;
}

Use fixDiv class for the component which you want to be fixed at the fotter and use remainDiv class for the reamining div you want to make that scrollable