tal
tal copied to clipboard
bbc
How to automatically scroll down when we have lot of data in the vertical list?
I have a vertical list in my application , this list contain n number of carousels so basically 2 or 3 carousels are visible to the user without scroll, user can see other carousels using the scroll bar, but when I navigate through the list items it doesn't scroll automatically. We are creating this application for tv so that we cannot use the mouse to scroll. I expect a behavior like when ever a user click on the list items the page automatically scroll down based on selection. Is there any way to accomplish the same? Thanks in advance
Hi @Arunprasanth,
The vertical list was never design to be scrollable; you would probably have to add some custom event handling to change the CSS when focussing on a certain item.
I believe the correct tool to use would be another carousel - you should be able to have a vertical carousel full of horizontal carousels or vice-versa.
Tom
@tsadler1988 Hi , I got the idea which you have shared in the comment. But one single doubt on that, normal carousels acts like hiding the carousels when we click on the down arrow, so is there any way to prevent this ? Scenario : If I have 10 items in the carousel and I am in 1 st item and I am keep on doing down arrow press then finally all the carousels will be hidden and only 1 item will be there in the window. If i wan to see the hidden items i have to press the up arrow key again. Is there any way to prevent this ?
@Arunprasanth : This issue can be handled manually, by listening the keydown (VK_DOWN) event on the carousel in the verticallist. Now select the next widget by calling the widget's getActiveChildWidget() and use native javascript scrollIntoView() method, to scroll to the currently selected element
We have deprecated this project and there are no plans for active development going forward.
Please see the deprecation notice.
