Feature: How to deal with huge footers? about tocbot HOT 7 CLOSED

Couldn't you just do .toc { max-height: calc(100% - <footer-height>px); }?

from tocbot.

I don't think so since the toc is fixed?
--i've never actually tried that css feature but i tried the following:

.toc { max-height: calc(100% - <#footer-height>px); }

it's odd minusing % from px?

from tocbot.

I reviewed
https://developer.mozilla.org/en-US/docs/Web/CSS/calc
and see how i was misusing this.

The problem then would be on long docs the toc would be cut short for most of the page just to handle the footer at the end?...some footers are massive!

from tocbot.

Yeah, I think I see what you're saying now. Why not just change the z-index of the footer to be above the toc so the toc just disappears behind it when you scroll down so far?

from tocbot.

I will try that.

from tocbot.

Did this work for you?

from tocbot.

Sorry I thought I responded to this the other day but I guess I forgot to hit submit:

Yes it works, but you have to also make sure your footer has a position set--at least if your using bootstrap.

from tocbot.