Floating buttons on the right site of the tiddler

[Marcus]

Hi everybody,

I like to have two buttons at the right side of every tiddler.
This two buttons should float (or is the right word "scroll"?) only in the height-range of the tiddler.
This is for the comfort when the tiddler ist very long.
I've attached a picture for my idea.
Is there a simple solution for this?

Thaky in advance.

[TonyM]

Marcus,

It would be helpful, I have already followed other advice and have the Editor toolbar doing this in edit mode. I will try and dig up the details if no one else presents a thorough answer.

The key is applying an appropriate style, and using the z axis, most of the solution comes from HTML

Until now with the issue you face I have reproduced the standard tiddler buttons at the bottom of the tiddler as well.

WTony

[TonyM]

Here is the discussion that led to my floating editor toolbar.

https://groups.google.com/forum/#!msg/tiddlywiki/xO-lhnwYyZs/NaizzojZDQAJ

Regards

Tony

[Mat]

@Marcus

You may wish to try out the sticky toolbar - search in the Controlpanel under either Settings or Appearence, can't remember.

You can also manually style things with "position:sticky" to have them behave like you describe. This is a CSS matter.

<:-)

[Marcus]

Hello,

Hi've already set the sticky option in the control panel.

Also I've tried with "position:sticky" for the two buttons, but it doesn't work.
But I must say, that I've no experience in CSS.
Have you an example?

Thanks.

[Marcus]

Hello again,

I found a solution on my onw way with CSS:

#navi{
float: right;
position: sticky;
left: 950px;
top: 750px;
bottom: 50px:
z-index: 300;
}

This works great :-)

Thanks for your answers.

[Mat]

On Tuesday, December 19, 2017 at 12:15:14 PM UTC+1, Marcus wrote:

Hello again,

I found a solution on my onw way with CSS:

Excellent!

<:-)