I have implemented jQuery.kinetic to enable scrolling of a div within its parent div through mouse dragging, similar to the demo on the author's website. When the page initially loads, the inner div aligns with the upper left corner of the parent div, implying it is scrolled up and to the left as much as possible. This is how it appears:
https://i.sstatic.net/4wPe3.png
However, I wish to pre-scroll upon loading the page so that the inner div is approximately centered. Here is an illustration of what I intend:
https://i.sstatic.net/ml13n.png
The documentation does not mention a way to specify the starting position for the inner div. Nevertheless, it seems like the jQuery.kinetic author has provided a method to extend the plugin beyond its default functionality using this code snippet:
$.Kinetic.prototype.newFeature = function(options){
// define the task
};
This extended functionality can be invoked in this manner:
// use the method
$('#elem').kinetic('newFeature', { options });
Am I overlooking a method to set a position during page load? If not, how can I enhance the plugin to achieve my desired behavior?
Thank you!