Details: add back-to-top button for long admonitions about mkdocs-material HOT 5 CLOSED

Thanks for suggesting. I hope I understand you correctly, but this feature request does not talk about content tabs, but about collapsible admonitions. I've adjusted the title to reflect that, so others can find this feature request more easily ☺️

From our perspective, albeit a valid feature request, it's a rather edgy use case, and I'm not sure if this helps when you're in the middle of an admonition/details block, as you'd need to scroll further down to find the bottom. Thus, we're considering this out of scope, which means we're currently not considering this to be ready for inclusion.

However, you can achieve something that implements almost the same functionality with a few lines of additional CSS:

.md-typeset summary {
  position: sticky;
  top: 48px;
  z-index: 1;
  backdrop-filter: blur(10px);
}

Now, when scrolling down, the header of the container will stick to the top, so you can close it at any scroll position:

from mkdocs-material.

The video somehow does not play on firefox. On edge was ok. I added the css lines to my css and somehow I do not obtain the same effect. I also tried with a clean css stylesheet, just in case I had some conflicting entries, but still not working. But indeed, that would be a solution to my proposal.

from mkdocs-material.

So, I've checked the proposed solution again, and it works for me. I've created a minimal reproduction that you can check out and run and play with: 9.5.19-sticky-details.zip

from mkdocs-material.

You can apply this to specific admonition types like so:

.md-typeset .TYPE>summary {
    position: sticky;
    top: 48px;
    z-index: 1;
    backdrop-filter: blur(10px);
}

Or as another class:

.md-typeset .follow > summary {
    position: sticky;
    top: 48px;
    z-index: 1;
    backdrop-filter: blur(10px);
}

??? info follow
    This admonition's header will now follow you down the page.

from mkdocs-material.

So, I've checked the proposed solution again, and it works for me. I've created a minimal reproduction that you can check out and run and play with: 9.5.19-sticky-details.zip

I confirm it is working. Thank you.

from mkdocs-material.