Caph

Class: Scrollbar

caph.stripe.ui.component. Scrollbar

new Scrollbar(property)

A class which provides scroll bar in stripe theme. This component has intended to have fixed size according to resolution. If you change the size of this component without using the "sizeValue" property or "setSizeValue" function, do not assure the appearance.

Parameters:
Name Type Description
property Object

An object which initializes this component. Refer to the details in caph.ui.base.component.Scrollbar constructor.
Since:
  • 2.0.0
Example
var horizontal = new caph.stripe.ui.component.Scrollbar({
       direction: caph.ui.base.component.Scrollbar.HORIZONTAL,
       currentThumbPosition: 120,
       maxThumbPosition: 700,
       sizeValue: 700,
       step: 5,
       position: [50, 50, 0],
       on: {
           change: function(message) {
               console.log(message.detail);
           }
       }
   });

Extends

  • caph.ui.base.component.Scrollbar

Methods

setOption(property)

Sets this component properties. The default class name is "caph-stripe-scrollbar".

Parameters:
Name Type Description
property Object

Refer to the details in caph.ui.base.component.Scrollbar#setOption.
Since:
  • 2.0.0
Example
var scrollbar = new caph.stripe.ui.component.Scrollbar({
       position: [50, 50, 0]
   });

 scrollbar.setOption({
        className: 'caph-stripe-scrollbar'
 });