# Put widget to bottom of viewport, but not fixed

**URL:** <https://forum.readymag.com/t/put-widget-to-bottom-of-viewport-but-not-fixed/3763>\
**Category:** Uncategorized\
**Created:** [October 22, 2024, 3:31pm UTC](https://forum.readymag.com/t/put-widget-to-bottom-of-viewport-but-not-fixed/3763 "2024-10-22T15:31:56Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![David\_Pindrys](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/david_pindrys/32/1838_2.png) [@David\_Pindrys](https://forum.readymag.com/u/David_Pindrys)\
**Post date:** [October 22, 2024, 3:31pm UTC](https://forum.readymag.com/t/put-widget-to-bottom-of-viewport-but-not-fixed/3763/1 "2024-10-22T15:31:56Z")

</div>

Hey folks, is there a way to stick a widget to the bottom of a viewport so that it is always a, say, 100px from the bottom of the screen no matter the resolution/size of window?

Thanks in advance

---

<div class="post-metadata">

**Author:** ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)\
**Post date:** [October 23, 2024, 10:09am UTC](https://forum.readymag.com/t/put-widget-to-bottom-of-viewport-but-not-fixed/3763/2 "2024-10-23T10:09:01Z")

</div>

have you tried to fix your widget to the bottom?

---

<div class="post-metadata">

**Author:** ![David\_Pindrys](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/david_pindrys/32/1838_2.png) [@David\_Pindrys](https://forum.readymag.com/u/David_Pindrys)\
**Post date:** [October 23, 2024, 11:15am UTC](https://forum.readymag.com/t/put-widget-to-bottom-of-viewport-but-not-fixed/3763/3 "2024-10-23T11:15:54Z")

</div>

Good point.

Let me clarify: I want to put a widget at the bottom of the viewport, but not fix it there (when I scroll down, I don’t want it to follow)

---

<div class="post-metadata">

**Author:** ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)\
**Post date:** [October 23, 2024, 11:30am UTC](https://forum.readymag.com/t/put-widget-to-bottom-of-viewport-but-not-fixed/3763/4 "2024-10-23T11:30:04Z")

</div>

hmm I see.  
well this would be possible to achieve with some custom code… CSS and JS woul dbe needed.  
But it is a bit try and error to get it to work, so I cannot quickly provide you with a codesnippet.

In theory would work like this:  
With JS adress your element and calculate the right position of it regarding the height of the viewport. (Viewport - height of your element = new position)

you would need to calculate it everytime the browser window resizes.

---

<div class="post-metadata">

**Author:** ![David\_Pindrys](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/david_pindrys/32/1838_2.png) [@David\_Pindrys](https://forum.readymag.com/u/David_Pindrys)\
**Post date:** [October 23, 2024, 11:50am UTC](https://forum.readymag.com/t/put-widget-to-bottom-of-viewport-but-not-fixed/3763/5 "2024-10-23T11:50:59Z")

</div>

Thanks for the response. Might be more work than it’s worth for my purposes.

Thank you again!