Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.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
Jquery 调整大小元素上的反弹错误并设置scrolltop/scrollleft动画_Jquery_Resize_Jquery Animate_Scrolltop - Fatal编程技术网

Jquery 调整大小元素上的反弹错误并设置scrolltop/scrollleft动画

Jquery 调整大小元素上的反弹错误并设置scrolltop/scrollleft动画,jquery,resize,jquery-animate,scrolltop,Jquery,Resize,Jquery Animate,Scrolltop,我开发了ascensor.js插件(http://kirkas.ch/ascensor/) 在完全重写之后(去掉scrollto插件),我在resize功能上遇到了一些错误 当你这样做时,会有一些反弹效果(铬),你可以看到其他楼层的一小部分,我知道每个浏览器都有不同的调整大小效果,但我想知道是否有办法修复它 调整大小效果: Chrome/Safari/Firefox:小弹跳,可以看到其他楼层 Opera:在单击“向上”之前没有调整大小的效果 下面是完整的插件: 这里是关于调整大小功能的部分: f

我开发了ascensor.js插件(http://kirkas.ch/ascensor/) 在完全重写之后(去掉scrollto插件),我在resize功能上遇到了一些错误

当你这样做时,会有一些反弹效果(铬),你可以看到其他楼层的一小部分,我知道每个浏览器都有不同的调整大小效果,但我想知道是否有办法修复它

调整大小效果: Chrome/Safari/Firefox:小弹跳,可以看到其他楼层 Opera:在单击“向上”之前没有调整大小的效果

下面是完整的插件:

这里是关于调整大小功能的部分:

function resizeFloor(){
    var WW=$(window).width();
    var WH=$(window).height()

    if(params.Direction=='y'){$(node).stop().animate({scrollTop:(floor-1)*WH},1);}
    if(params.Direction=='x'){$(node).stop().animate({scrollLeft:(floor-1)*WW},1);}
    if(params.Direction=='chocolate'){
        var target = AscensorMap[StageOn-1].split('|');
        $(node).stop().animate({
        scrollLeft:(target[1]-1)*WW,
        scrollTop:(target[0]-1)*WH
        },1);
    }


    $(node).height(WH).width(WW).children(params.ChildType).each(function(){
        $(this).height(WH).width(WW);
    });

    if(params.Direction=='x'){
        $(node).children().css('position','absolute');
        $(node).children().each(function(index){$(this).css('left',index*WW);})
    }

    if(params.Direction=='chocolate'){
        $(node).children(params.ChildType).each(function(index){
            var CoordName = AscensorMap[index].split('|');
            $(this).css({'position':'absolute', 'left':(CoordName[1]-1)*WW, 'top':(CoordName[0]-1)*WH});
        });
    }
}
另外,我对JS开发还比较陌生,所以如果您对系统的语法或批评有任何建议,我完全同意


谢谢

我完成了自己找,而不是

$(node).stop().animate({
    scrollLeft:(target[1]-1)*WW,
    scrollTop:(target[0]-1)*WH
},1);
我应该用

$(node).stop().scrollTop((target[0]-1)*WH).scrollLeft((target[1]-1)*WW);

我终于自己找到了,而不是

$(node).stop().animate({
    scrollLeft:(target[1]-1)*WW,
    scrollTop:(target[0]-1)*WH
},1);
我应该用

$(node).stop().scrollTop((target[0]-1)*WH).scrollLeft((target[1]-1)*WW);