CODEWITHSUNDEEP
javascriptvis.jsvis.js-timeline
chetex
chetex

Reputation: 125

VisJS timeline verticalScroll and horizontalScroll = "true" don't work together in global options

For verticalScroll option, the official documentation says that....

Show a vertical scroll on the side of the group list and link it to the scroll event when zoom is not triggered. Notice that defining this option as true will NOT override horizontalScroll. The scroll event will be vertically ignored, but a vertical scrollbar will be visible

But in official demo for visjs and in my project, it doesn't work as expected...

https://visjs.github.io/vis-timeline/examples/timeline/other/verticalScroll.html

If you put verticalScroll and horizontalScroll = "true", verticalScroll is mandatory over all timeline.... and you cannot make horizontalScroll over items...

Any help? any advice?

Thank you,

best regards

Upvotes: 1

Views: 1616

Answers (2)

Trần Phương Thảo
Trần Phương Thảo

Reputation: 111

Actually I encountered this problem and had to find a work around because the library has been unmaintained for a while. In timeline options, I only set horizontal scroll:

stack: true,
zoomable: false,
horizontalScroll: true,

and in style of vis timeline, I set the css be like this:

    .vis-content {
      height: 100%;
      width: 100%;
      overflow-y: auto;
      overflow-x: hidden;
    }

This allows you to click into vertical scrollbar and scroll using mouse

Upvotes: 0

Naveed Ahmed
Naveed Ahmed

Reputation: 61

I am using vis timeline with reactjs. You must set zoomKey: 'ctrlKey' in order to use scrolling on entire timeline. I tried with different combinations and it works as following: e.g.

  1. horizontalScroll: true, verticalScroll: true, zoomKey: 'ctrlKey' (only Vertical scroller is shown and both scrolling works)
  2. horizontalScroll: false, verticalScroll: true, zoomKey: 'ctrlKey' (only vertical scroll works and scroller is shown on the left)
  3. horizontalScroll: true, verticalScroll: false, zoomKey: 'ctrlKey' (only horizontal scroll is enabled but no scroller shown, Vertical scrolling is disabled and scroller is hidden as well)

Upvotes: 1

Related Questions