mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-23 18:17:20 +00:00
952826e0fa
It turns out that we don't need to disable any scroll anchoring done by the browser as our implementation of scroll anchoring will adapt itself. Also removing an unneeded paragraph tag from the view template. |
||
|---|---|---|
| .. | ||
| examples | ||
| above-story.tid | ||
| config.multids | ||
| config.tid | ||
| docs.tid | ||
| dynaview.js | ||
| examples.tid | ||
| macros.tid | ||
| plugin.info | ||
| readme.tid | ||
| styles.tid | ||
title: $:/plugins/tiddlywiki/dynaview/readme ! Dynaview This plugin makes it possible to build user interfaces that dynamically respond to changes in the browser viewport via scrolling or zooming: * CSS classes that allow rendering to be deferred until the output is scrolled into view * CSS classes that allow the opacity of DOM elements to vary according to the current zoom level * A daemon that can dynamically update a pair of state tiddlers with the current dimensions of the browser viewport * A daemon that can dynamically update the address bar with the title of the tiddler at the top of the viewport Some points to note about the zoom features: <<< * The zoom level currently only works on Safari, both on Mac OS and on the iPhone/iPad * The zoom level tracked by the plugin is the pinch-zoom level, and not the text-zoom level * Rather than being progressively rendered as needed, hidden item are rendered with zero opacity. Which means that they can still be interacted with This is really just a proof of concept to allow the user experience to be evaluated. A production version would need to work in all browsers, which would mean adopting a polyfill such as [[Hammer.js|http://hammerjs.github.io/]] to give us manual pan and zoom support. It would also allow deeper levels of zoom. <<<