Welcome to TalkGraphics.com

Search:

Type: Posts; User: Acorn; Keyword(s):

Search: Search took 0.03 seconds.

  1. Replies
    11
    Views
    1,233

    Re: sticky at top....I need the opposite

    Gary use:

    <style>
    #Top, [id^="Sect"] {
    scroll-margin-top: 63px;
    }
    </style>

    I mistyped Top as top and ^ as |.
  2. Replies
    11
    Views
    1,233

    Re: sticky at top....I need the opposite

    Thank you. I forgot to mention that the 'Sect' allows for any number of Section anchors.

    Acorn
  3. Replies
    11
    Views
    1,233

    Re: sticky at top....I need the opposite

    Gary, the shorter version:

    <style>
    #top, [id|="Sect"] {
    scroll-margin-top: 63px;
    }
    </style>

    Acorn
  4. Replies
    11
    Views
    1,233

    Re: sticky at top....I need the opposite

    @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...
  5. Replies
    11
    Views
    1,233

    Re: sticky at top....I need the opposite

    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");...
  6. Replies
    11
    Views
    1,233

    Re: sticky at top....I need the opposite

    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
Results 1 to 6 of 6