Jump to content

Help with Dynamic scrolling divs

Hi Team

I have a magic mirror install, with a calendar module installed
The problem is the module doesn't have overflow functionality (if there are too many events for a day it just puts a +1 or +2 etc at the bottom of the list
I looked at the support for it and the dev doesnt want to add any scrolling features as its too much for a raspberry pi to handle (apparently)
and even those of us who dont use it on a pi (myself) he wont support

Iv been looking into the code and so far have been able to use css to detect which divs have overflowed events, and put a scroll tag on that div
What im trying to figure out now is how to animate those divs

 

Iv looked as css animations and jquery animations, but this is where im stuck trying to figure out
A) how to get the divs with the scroll tag to animate (as it changes when more events are added or removed_
B) How to control the speed based on the number of events hidden
C) how to loop the animation so it goes back to the start and repeat when it gets to the end

Is anyone willing to give me some help
or at least point to some online documents which would help?

many thanks in advance

 

 

Link to comment
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×