Confer the following layout:
Items are of fixed height. Inner items are of variable height (shouldn't matter) and the number of inner items is also variable. I would like the scrollable to work as follows:
1. pageNext and pagePrev functions go to the next/previous items
2. Mousewheel goes to the next/previous inner items
With size set to 1, no. 1 is working fine as expected; No. 2 is apparently not possible because of the way scrollable works. If I remove the outer item divs I get the following:
Now, if size is set to 1, pageNext and pagePrev go from one item to the other as expected. What I want however is something like size=x, so that pageNext goes to the next page, while Mousewheel goes to the next item. This is possible if the number of items for each page is fixed, but in my case it isn't.
To make a long story short and unless I'm missing something, I'd love if there was a way to make it work.
Two possibilities:
1. Add an option to allow next/prev scrolling to go to the next/prev *inner* item (cf. first example).
2. Add an option to allow nextPage/prevPage scrolling to go to a *named item* instead of relying on size to calculate the next page. E.g., each item that marks the beginning of a new page could get a class like "pagemarker".
I'd modify the code myself if I knew what I was doing, but I'm a JavaScript noob. If someone knows of an easy solution I'm overlooking, please advise me. :)
<div class="scrollable vertical">
<div class="items">
<!-- first item (page #1) -->
<div>
<!-- first inner item -->
<div>
</div>
<!-- second inner item -->
<div>
</div>
<!-- third inner item -->
<div>
</div>
</div>
<!-- second item (page #2) -->
<div>
<!-- first inner item -->
<div>
</div>
</div>
</div>
</div>
Items are of fixed height. Inner items are of variable height (shouldn't matter) and the number of inner items is also variable. I would like the scrollable to work as follows:
1. pageNext and pagePrev functions go to the next/previous items
2. Mousewheel goes to the next/previous inner items
With size set to 1, no. 1 is working fine as expected; No. 2 is apparently not possible because of the way scrollable works. If I remove the outer item divs I get the following:
<div class="scrollable vertical">
<div class="items">
<!-- Page #1 start -->
<!-- first item -->
<div>
</div>
<!-- second item -->
<div>
</div>
<!-- third item -->
<div>
</div>
<!-- page #2 start -->
<!-- first item -->
<div>
</div>
</div>
</div>
Now, if size is set to 1, pageNext and pagePrev go from one item to the other as expected. What I want however is something like size=x, so that pageNext goes to the next page, while Mousewheel goes to the next item. This is possible if the number of items for each page is fixed, but in my case it isn't.
To make a long story short and unless I'm missing something, I'd love if there was a way to make it work.
Two possibilities:
1. Add an option to allow next/prev scrolling to go to the next/prev *inner* item (cf. first example).
2. Add an option to allow nextPage/prevPage scrolling to go to a *named item* instead of relying on size to calculate the next page. E.g., each item that marks the beginning of a new page could get a class like "pagemarker".
I'd modify the code myself if I knew what I was doing, but I'm a JavaScript noob. If someone knows of an easy solution I'm overlooking, please advise me. :)
