Hello,
Apologies if this is too much of an off-topic question. I'm trying to make
a div box stick to a position within the viewport (the visible part of the
window) irrespective of scroll position so that it will always be visible.
I know that I should use position: fixed but this only makes the div stick
to the top of the tiddler frame. The div stays at the top of the tiddler
frame (becomes invisible) when the tiddler frame is scrolled to the bottom
instead of sticking to the top of the viewport.
Is there anything in the core CSS that keeps overriding what I'm trying to
achieve?
Here's my CSS:
position: fixed
top: 0;
left: 200px;
width: 300px;
height: 100px;
background-color: darkred;
color: white;
text-align: center;
padding: 10px;
border: none;
border-radius: 2px;
box-shadow: 10px 15px 30px grey;
transition-duration: 0.4s;
Thanks for your suggestions!
Best regards,
Hubert
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/247930aa-5cb7-4334-8dcd-ef57a4016045%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
