we have added a navigation bar with previous/next/back-to-top icons that is displayed on the bottom of the topics but on top of the footer:
Code: Select all
<body>
...
<MadCap:bodyProxy />
...
<div class="toolbar-bottom">
...
</div>
<div class="home-footer">
...
</div>
</body>
It should look like this:
What I've tried so far:
My first try was to adjust the css settings for the div.toolbar-bottom element to 'position: sticky'. This works fine for all browsers except for internet explorer since they do not support the 'sticky' property (and never will because the newer MS Edge already supports it).
So I need another approach that also works for internet explorer. I already tried to use the Foundation's sticky component (https://foundation.zurb.com/sites/docs/sticky.html) similar to the solution in this post: viewtopic.php?f=13&t=29522&p=129518&hil ... er#p129518
However, that does not seem to work. Some of the options show no effect at all:
Code: Select all
<body>
...
<MadCap:bodyProxy />
...
<div data-sticky-container="" id="sticky_top">
<div class="sticky" data-sticky="" data-stick-to="bottom" data-anchor="foo" style="width: 100%;">
<div class="toolbar-bottom">
...
</div>
</div>
</div>
<div class="home-footer" id="foo">
...
</div>
</body>
So maybe anybody knows what I am missing in my settings?