Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery.kinetic-如何在页面加载时预滚动到某个位置_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript jQuery.kinetic-如何在页面加载时预滚动到某个位置,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用的是允许通过拖动鼠标在其父div中滚动div,非常类似于。默认情况下,当页面加载时,内部div的左上角与父div的左上角对齐(这意味着它将尽可能向上和向左滚动)。像这样: 我想在页面加载特定数量的像素时进行“预滚动”,以便内部div大致居中。大概是这样的: $.Kinetic.prototype.newFeature = function(options){ // define the task }; 我在文档中没有看到任何关于能够为内部div指定起始位置的内容,但它看起来像j

我使用的是允许通过拖动鼠标在其父div中滚动div,非常类似于。默认情况下,当页面加载时,内部div的左上角与父div的左上角对齐(这意味着它将尽可能向上和向左滚动)。像这样:

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

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

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

$.Kinetic.prototype.newFeature = function(options){
   // define the task
};
然后我可以称之为功能:

// use the method
$('#elem').kinetic('newFeature', { options });
有没有办法在页面加载中设置我缺少的位置?如果没有,我如何扩展插件以实现我想要的功能?


谢谢

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

在第458行到第475行的jquery.kinetic.js文件中(在编写本文时),定义了
scrollLeft
scrollTop
方法

通过调用以下方法,可以在已激活动能实例的容器上使用它们:

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

仔细阅读动能代码,找出它是如何工作的,以及可以使用哪些功能来代替更加充实的文档是值得的。

仅仅给内部div一个负的
左边距
?@snookieordie-我会在早上再检查一下,但是如果它像调整一样工作的话
,它会正确移动图像,但会使我无法滚动回剪切部分。@snookieordie-是的,就是这样。