Hi Jan, yes I believe you can do this with the dynaview plugin
See the dynaview demo on the prerelease:
https://tiddlywiki.com/prerelease/plugins/tiddlywiki/dynaview/
If you have an element somewhere with the class
"tc-dynaview-set-tiddler-when-visible" and the data-tags
"data-dynaview-set-tiddler","data-dynaview-set-value",
"data-dynaview-unset-tiddler", "data-dynaview-unset-value" and
"data-dynaview-has-triggered" you can build all kinds of dynamic things
In your case I could imagine a tiddler tagged "$:/tags/PageTemplate" with
an absolute positioned div with those tags that will be at the top of the
story river and scroll out of view when you scroll down. We give it z-index
-1 and keep it invisible:
<div class="tc-dynaview-set-tiddler-when-visible"
data-dynaview-set-tiddler="$:/state/header" data-dynaview-set-value="true"
data-dynaview-unset-tiddler="$:/state/header"
data-dynaview-unset-value="false" data-dynaview-has-triggered={{{
[[$:/state/header]get[text]] }}} style="position: absolute; width: 100%;
top: 0; left: 0; height: 42px; z-index: -1;"/>
Then make another "$:/tags/PageTemplate" tiddler with your header and
reveal it when "$:/state/header" ist true, hide it when it's false:
<$reveal state="$:/state/header" type="match" text="true" animate="yes"
retain="yes">
Header
</$reveal>
Hope this helps,
greetings to Hamburg!
On Thursday, November 29, 2018 at 11:36:08 PM UTC+1, Jan wrote:
> Hi everybody, and a very special hi to Simon.
> Can I use the dynaview plugin to hav this effect?
> http://jsfiddle.net/mariusc23/s6mLJ/31/
> Hiding the header on scrolldown and showing it on Show on scroll up.
> This would be very practical for small screens of mobile devices...
>
> Ahoi Jan
>
--
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 [email protected].
To post to this group, send email to [email protected].
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/ad41141d-89e2-4eb2-94cf-1e8c755fc974%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
