Home/ Questions/Q 636441
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T20:30:56+00:00

I have a HTML page which a pretty complex layout ( see here ).

  • 0

I have a HTML page which a pretty complex layout (see here). I need to put an image on that page which the visitor can drag anywhere so she can remember where she was. I’ve implemented the bookmark feature but now I need to place the image somewhere where she can easily grab it.

Basically, I’d like the element to stay below the ToC on the right but it shouldn’t scroll out of view.

I guess I could use JavaScript to move the element as soon as it starts to scroll out of view but is there a better option? Can I say “float right and below the ToC div or view.top, whichever is greater”?

Or maybe I should create a fixed header (with the links and the maybe the ToC)?

Any other ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It can probably be done using JQuery, but will always be jittery. I would consider a fixed DIV. Of course you could position that below the menu so it will never be higher (= closer towards the top edge) than the menu, and will maintain its position. 

    .thingy { position: fixed; right: 0px; top: 415px; width: 256px }

    That would necessitate that there is nothing else below the menu, otherwise the bookmark icon will overlap other things.

    • 0