Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.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 在中心滚动图像并在中心缩放_Javascript_Html_Css_Css Transitions - Fatal编程技术网

Javascript 在中心滚动图像并在中心缩放

Javascript 在中心滚动图像并在中心缩放,javascript,html,css,css-transitions,Javascript,Html,Css,Css Transitions,一组图像在页面中心垂直对齐。 在按键时,我可以缩放图像 例如:如果我尝试缩放页面外的图像,它会被缩放到页面外的某个位置,或者图像会被裁剪 我想做的就是,当我按键时,我想做些改变 使缩放后的图像位于页面中心 我希望只有在将上一张图像缩放回其位置后,图像才能进行缩放 我的代码是一种方法是移动包装器以调整位置 function scrollWrapper(n) { var tansvalue = -150 * (n-1); wrapper.setAttribute('style', '-we

一组图像在页面中心垂直对齐。 在按键时,我可以缩放图像

例如:如果我尝试缩放页面外的图像,它会被缩放到页面外的某个位置,或者图像会被裁剪

我想做的就是,当我按键时,我想做些改变

  • 使缩放后的图像位于页面中心
  • 我希望只有在将上一张图像缩放回其位置后,图像才能进行缩放

  • 我的代码是

    一种方法是移动包装器以调整位置

    function scrollWrapper(n) {
      var tansvalue  = -150 * (n-1);
      wrapper.setAttribute('style', '-webkit-transform:translate(0,'+tansvalue+'px);');
    }
    
    而且你可以随时调整


    这一点你只能告诉伊斯特戴(rt:)?我想问题太长了,没有人会回答,也没有人会投反对票。所以我昨天把我的问题限制在过渡期:)我还有一个与此相关的问题,我会在这之后问:)那么我能在这个问题上获得任何运气吗?:D。。所以这个要求很模糊。。您只希望缩放后的图像始终位于中心。就这些吗?谢谢你Sarath。在你的帮助下,我能够实现我想要的。这是一个,显示滚动和居中的图像和延迟和平滑过渡。