javascript - jQuery.kinetic - 如何在页面加载时预滚动到某个位置

Question

我正在使用 jQuery.kinetic通过拖动鼠标允许 div 在其父 div 内滚动，很像 demo on the author's site .默认情况下，当页面加载时，内部 div 的左上角与父 div 的左上角对齐(这意味着它尽可能向上和向左滚动)。像这样:

我想在页面加载特定数量的像素时“预滚动”，以便内部 div 大致居中。像这样:

我在文档中没有看到任何关于能够为内部 div 指定起始位置的内容，但它看起来像 jQuery.kinetic 的作者构建的方式来扩展插件，使其超出默认功能，如下所示:

$.Kinetic.prototype.newFeature = function(options){
   // define the task
};

然后我可以调用该功能:

// use the method
$('#elem').kinetic('newFeature', { options });

有没有办法设置我遗漏的页面加载位置？如果没有，我如何扩展插件来做我想做的事？

谢谢!

Answer 1

我花了很长时间才弄清楚 Kinetic 插件具有手动滚动容器的内置功能。它不在文档中的任何地方，但通过检查插件代码我注意到它有控制 x 轴和 y 轴滚动位置的方法。

在文件 jquery.kinetic.js 的第 458 行到第 475 行(撰写本文时)，定义了 scrollLeft 和 scrollTop 方法。 https://github.com/davetayls/jquery.kinetic/blob/master/jquery.kinetic.js#L458

您可以通过调用以下方法在具有已激活的 Kinetic 实例的容器上使用它们:

$("container-selector").kinetic("scrollLeft", 50);
$("container-selector").kinetic("scrollTop", 480);

阅读 Kinetic 代码并弄清楚它是如何工作的以及可以使用哪些功能是值得的，而不是更完整的文档。