ScrollEventArgs(deltaMove: Number, coef: Number);
deltaMove. Slider current position in the scrollbar.
coef. Total length of the scrollbar.
The ScrollEventArgs method creates an instance of the ScrollEventArgs class.
To execute the example, add a link to PP.js scenario file to HTML page. Create a scrollbar, move it slider by 50 pixels, process the slider move event ScrollBar.MoveScroll:
// Create a scrollbar var scrollBar = new PP.Ui.ScrollBar({ ParentNode: document.body, Width: 200, Height: 16 }); // Process the MoveScroll event scrollBar.MoveScroll.add(function (sender, args) { console.log("Scroll percentage: " + args.DeltaMove / args.Coef * 100); }); // Scroll the counter by 50 pixels var value = 50; scrollBar._dragger.style.left = value + "px"; // Determine parameters for the MoveScroll event var scrollEventArgs = new PP.ScrollEventArgs(0, 0); scrollEventArgs.DeltaMove = value; // Scroll value scrollEventArgs.Coef = scrollBar._limit; // Total length of scrollbar // Fire the MoveScroll event scrollBar.MoveScroll.fire(scrollBar.getDomNode(), scrollEventArgs);
After executing the example a scrollbar is created and its slider is moved by 50 pixels:
After firing the ScrollBar.MoveScroll event the browser console displays scroll percentage for this slider:
Scroll percentage: 32.6797385620915
See also: