Hello Simon,
I have been playing around with the pan widget.
Perhaps I will replace swipe with pan for the menu because it could give you the impression of really dragging the menu in by using the delta-x value. Before doing this: Is there a way of making it only listen to horizontal movements. I tried $directions="X" but this still prevents the scrolling of the storyriver.


Yours Jan



Am 03.02.2018 um 17:16 schrieb BurningTreeC:
Hello TW community,

I want to introduce the *pan widget:*
*
*
*<$pan $targets $startactions $endactions>targets</$pan>*
*
*
*
*
A widget that consists of 2 Tiddlers: the widget itself and the hammer.js library (~75kb)
It's one of the spin-offs from the TiddlyTouch plugin I'm working on

_What it does:_
It recognizes when you pan on a html element
It stores all values from the pan event in a state tiddler which by default is $:/state/pan but can be defined by $statetiddler="anothertiddler" (starting coordinates, velocity, if mouse or touch, end coordinates, the element's width/height/top/left/bottom/right coordinates after/before and many more...) It lets you specify (by css class) which elements to use. It can do it with more than one within its scope, too It triggers actions at pan-start and pan-end if you provide action-strings with $startactions and $endactions
It's on/off switchable with $state="on" / $state="off"

*you can find it on top of http://muritest.tiddlyspot.com*

What I have in mind is building sliders, x/y pads... but many more things could be done and triggered with it

cheers,
Simon


--
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] <mailto:[email protected]>. To post to this group, send email to [email protected] <mailto:[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/cdfd8ebd-268d-4a77-9e7a-892bc5a57f2f%40googlegroups.com <https://groups.google.com/d/msgid/tiddlywiki/cdfd8ebd-268d-4a77-9e7a-892bc5a57f2f%40googlegroups.com?utm_medium=email&utm_source=footer>.
For more options, visit https://groups.google.com/d/optout.

--
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/5A7838BF.4020303%40googlemail.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to