top

Scrollbar

Published 2014-10-28 | (Compatible with SDK 2.5,3.5,4.5,5.0,5.1 and 2011,2012,2013,2014 models)

The Scrollbar component is used when the size of the page exceeds the size of the screen.

** This class will not be supported in 2015.

   All functionalities of AppsFramework are more improved, integrating with CAPH. Therefore Appsframework is not supported since 2015 Smart TV. To use functionalities of Appsframework, refer to here.

 

The size of the Scrollbar is set using the size of the entire page, to the size of the screen.

 

Figure. Scrollbar component

Syntax $.fn.sfScroll = function(options)
Parameter options - page, show, hide, prev, next, move
Value
  • page (number) - Number of pages

    Example

    $('#scroll1').sfScroll({page:10});
    
  • show - Shows scroll object

    Example

    $('#scroll1').sfScroll('show');
    
  • hide - Hides scroll object

    Example

    $('#scroll1').sfScroll('hide');
    
  • prev - Moves scroll to previous index

    Example

    $('#scroll1').sfScroll('prev');
    
  • next - Moves scroll to next index

    Example

    $('#scroll1').sfScroll('next');
    
  • move - Moves scroll to requested index

    Example

    $('#scroll1').sfScroll('move');
    
Property
  • ID - Component ID
  • Margins Left/Top - Component position on the screen.
  • Margins Width/Height - Component size. Width is fixed.

Figure. Scrollbar properties box

The default code for the Scrollbar CSS is given below:

#SceneScene1 #svecScrollbar_NPUR {
    position: absolute;
    left: 550px;
    top: 60px;
    height: 150px;
}