You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Using Vertical + Horizontal scrollable at the same time Created Aug 16, 2009

This thread is solved

Views: 1821     Replies: 6     Last reply Nov 15, 2009  
You must login first before you can use this feature

nako

Posts: 5

Registered:
Aug 16, 2009

Using Vertical + Horizontal scrollable at the same time

Posted: Aug 16, 2009

Sorry if this has been asked before, but I didn't manage to find the answer in the forum.

I'd like to know if it's possible to combine both vertical and horizontal scrolling in the same page. I'd imagine so, but I'm just a designer playing with code; I love the tool but didn't dominate it yet :)

the example I'm trying to accomplish is:
http://ammunitiongroup.com/

from what I've gathered, they've used mootools, but it seems possible if I combine vertical and horizontal in the jquery tool scrollable.

cheers, nako

creatvepro

Posts: 2

Registered:
Sep 20, 2009

Using Vertical + Horizontal scrollable at the same time

Posted: Sep 29, 2009

Reply to: Using Vertical + Horizontal scrollable at the same time, from nako
I'd like to knoe if this is possible as well. Does anyone know?

creatvepro

Posts: 2

Registered:
Sep 20, 2009

Found the solution

Posted: Sep 29, 2009

Reply to: Using Vertical + Horizontal scrollable at the same time, from creatvepro
The solution is here:

http://flowplayer.org/tools/scrollable.html#multiple

nako

Posts: 5

Registered:
Aug 16, 2009

not completely the same

Posted: Oct 19, 2009

Reply to: Found the solution, from creatvepro
the downside of the solution in the example is that you cannot let three appear vertically (like the link mentioned). ideally, we would have something like the solution above + the vertical example

http://flowplayer.org/tools/demos/scrollable/vertical.html

nako

Posts: 5

Registered:
Aug 16, 2009

and what"s even cooler

Posted: Oct 19, 2009

Reply to: not completely the same, from nako
at
http://ammunitiongroup.com/index.php/work/#adobe_1
you can use:
- keyboard for vertical and horizontal scroll
- clicking on horizontal navigation arrows to scroll horizontally
- click on previous and next work to scroll vertically
- it shows the the previous and the next, and when you click, it scrolls vertically, and not horizontally (somehow, they enable the horizontal only when on focus)

I know the latest two are almost redundant, but using the keyboard is not so intuitive at first (sure better once you learn it).
and what's even cooler is that they update the url, but that just from another world, mind blowing!

if anyone can customize jquery tools to do all that, I'm willing to pay :)

Carolynne

Posts: 3

Registered:
Nov 12, 2009

» Found the solution

Posted: Nov 12, 2009

Reply to: Found the solution, from creatvepro
So, can this be used to embed multiple instances of vertical scrolling in content that scrolls horizontally? Like what I'm trying to do here:http://www.chevalia.net/chevalia/index2.html. The link "The Show" currently has the vertical instance of scrolling, but I'd like to make it so they all have that capability. I'm not sure how to use that solution offered in my example. I'm a real jquery novice and not a very good coder, so this would need to be explained to me in simple terms. :)

Carolynne

Posts: 3

Registered:
Nov 12, 2009

Implemented a solution

Posted: Nov 15, 2009

Reply to: » Found the solution, from Carolynne
I figured it out. This was actually pretty easy to set up. I just nested the vertical scrollable div tags in my horizontal list and added the vertical scrollable styles to my CSS and it worked like a charm.