Help - Search - Members - Calendar
Full Version: JS Timeline Website - Chasing an elegant fix, and a mouse scroll solution
HTMLHelp Forums > Programming > Client-side Scripting
Toldorn
Let me start by first apologizing if this has been posted in the wrong forum. This website is using CSS and JS – but I’m unsure which is the best home to post this question as I’m not entirely sure what is causing my issue – although I suspect it may be the JS, hence why I posted it here.

Hello!

I'm chasing two elegant solutions to a problem I'm having with a timeline website ; https://tropicalexposure.com.au/timeline/index/

[ files available to download here : https://tropicalexposure.com.au/timeline/timeline.zip ]



Problem 1 --- The Menu on the left doesn't scale to the available space (and goes behind the < > buttons ). My final 'timeline' will have about 30 items that will need to be displayed. So a having a mouse wheel scrollable solution would be amazing. I've mocked up a quick example of what an ideal outcome would be here ; https://ibb.co/X8nNtfY

Downloading the files (link above) will show you all of the JS and CSS that's being used on the website - and I'm happy to paypal some funds if this is going to be a lengthy time-consuming fix!

Problem 2 --- I'd love to have the users be able to scroll down the web page with their mouse - rather than being FORCED to click the menus on the left. As they scroll down, the menu would need to be reflected on the left hand side too if possible.


Is anyone out there clever enough to help me ? Shoot me a PM or email to david@tropicalexposure.com.au if you can help me figure this out or come up with an elegant workable solution for one or both of these problems!
pandy

QUOTE
Problem 1 --- The Menu on the left doesn't scale to the available space (and goes behind the < > buttons ). My final 'timeline' will have about 30 items that will need to be displayed. So a having a mouse wheel scrollable solution would be amazing. I've mocked up a quick example of what an ideal outcome would be here ; https://ibb.co/X8nNtfY


That will always happen if the window height is too low since you've disabled scrolling. The alternative is to cut it off with overflow: hidden. Not good either. This can't work without allowing scrolling somewhere.
Toldorn
I'm very happy to enable scrolling. (See problem 2).

I'm not sure how to re-enable it tbh.
pandy
Is it a ready-made layout?

I'll see if I can find it. But there will be more too it.

BTW, nothing but the background display in older gecko (FireFox).
pandy
Oops! Sorry. There's a lot of jQuery. Don't do that.
Toldorn
Is there a better way of achieving the results I'm after?

Like I said, happy to pay for someone's time to get this fixed and in good working order!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2021 Invision Power Services, Inc.