To execute the example, connect the PP.js library and the PP.css visual styles table. Create horizontal and vertical scrollbars.
<script type="text/javascript">
var hScrollBar = new PP.Ui.ScrollBar({
ParentNode: document.getElementById("scroll1")
});
hScrollBar.setSize(200, 16);
hScrollBar.setDraggerSize(50);
hScrollBar.updateSize();
hScrollBar.setLeft(23);
var vScrollBar = new PP.Ui.ScrollBar({
ParentNode: document.getElementById("scroll2"),
IsVertical: true
});
vScrollBar.setDraggerSize(50);
vScrollBar.setTop(23);
vScrollBar.setSize(16, 200);
vScrollBar.updateSize();
</script>
After executing the example horizontal and vertical scrollbars are placed on the HTML page:
See also: