w11k / angular-sticky-things

Sticky Directive for Angular 2+
https://w11k.github.io/angular-sticky-things
MIT License
161 stars 28 forks source link

how can I stick a section to bottom #66

Open kanumuri9593 opened 4 years ago

kanumuri9593 commented 4 years ago

I am trying to have a sticky section but margin-bottom not working

ghost commented 4 years ago

Can you provide some more information? Sample code etc.? That would be helpful. Thanks in advance.

jaspreetnabha commented 4 years ago

https://stackblitz.com/edit/angular-vziydj?file=src%2Fapp%2Fapp.component.html is the sample snippet where footer needs to stick to the bottom.


<section #boundary class="color-main">

link
link

<div #spacer>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nec dui nunc mattis enim ut tellus elementum. Porttitor massa id neque aliquam vestibulum morbi. Platea dictumst quisque sagittis purus sit amet volutpat. Nec ullamcorper sit amet risus. Semper quis lectus nulla at volutpat diam ut venenatis tellus. Rhoncus urna neque viverra justo nec ultrices dui. Nisi quis eleifend quam adipiscing vitae proin sagittis. Senectus et netus et malesuada fames.

<div class="footer" stickySection [boundary]="boundary" [spacer]="spacer">

jaspreetnabha commented 4 years ago

@tobiasatw11k , please advise if it is possible to have sticky footer

chrissena commented 3 years ago

@tobiasatw11k I also would like a sticky footer. Any help with this would be great?