[New free plugin] Tornis Viewport Data

Showcase Plugins
1

Hi all,

I’d like to announce a new free plugin from AirDev called Tornis Viewport Data. This plugin allows you to track and store data related to the viewport - such as page height/width, mouse position and velocity, and scroll position and velocity. It also allows you to trigger workflow events based on changes in that data.

While it is possible to track viewport data and changes manually through JavaScript (and through some of Bubble’s out-of-the-box functionality), Tornis aims to accomplish this in a performant manner. You can learn more about the library and check out their demo here.

To use, you install the plugin and then add a “Viewport” element to your Bubble page. From there, you can reference the element to access viewport data or add workflow events that fire when the viewport changes.

Here’s our demo: run-mode / editor

Please send any issues, questions, or suggestions to david@airdev.co or reply to this thread!

David
AirDev

11 Likes
2

@david2 It works like a charm! Thanks.

3

Hello David, thanks for this plugin I’m having problem using it though. I see that the event is also not working for your example.

image
image1264×562 116 KB

I want to show my splash screen for when the page is resized. Sometimes when the pages shows awkward position of elements as they are being hidden and I hope to use your plugin to stop that.
image
image
image1366×686 62.3 KB

I am also seeing this error
(node) warning: possible EventEmitter memory leak detected. 11 listeners added. Use emitter.setMaxListeners() to increase limit. r.on.r.addListener @ x5:17
image

Chrome OSX
Version 75.0.3770.100 (Official Build) (64-bit)

4

Anything free is always appreciated and this is purely some feedback… seems to work intermittently.

5

Hello. It worked only for one time. After that one time, I am getting this error.

tornis1
tornis11143×168 6.58 KB
tornis2
tornis21349×105 4.41 KB

6

Yeaah, this doesn’t work. But I’m surprised it works in demo links

7

If you could please de-bug this. It worked one time for me then would not work again on proceeding page loads.

I want to use this to hide my header when page scroll velocity < 0. This appears to be the only plugin that will allow me to do this via conditionals. The rest are workflow based and I absolutely need to make this a conditional for my use case.