Gary use:
<style>
#Top, [id^="Sect"] {
scroll-margin-top: 63px;
}
</style>
I mistyped Top as top and ^ as |.
Type: Posts; User: Acorn; Keyword(s):
Gary use:
<style>
#Top, [id^="Sect"] {
scroll-margin-top: 63px;
}
</style>
I mistyped Top as top and ^ as |.
Thank you. I forgot to mention that the 'Sect' allows for any number of Section anchors.
Acorn
Gary, the shorter version:
<style>
#top, [id|="Sect"] {
scroll-margin-top: 63px;
}
</style>
Acorn
@Gary, element.scrollTo does not want to play.
In the end I used, javascript: document.getElementById("Section2").scrollIntoView({ behavior: "smooth"}); xr_ppc("xr_xp4");
This does not take the...
Gary, it was mostly right. Missing a comma or two and the wrong anchor.
I think javascript: document.getElementById("Section3").scrollTo({top: 0, left: 0, behavior: "smooth",}); xr_ppc("xr_xp4");...
All you do it place the objects at the bottom of the page and make them Sticky.
If, in the design, you are changing the page length then you also ensure you Autofit to page > Bottom.
Acorn