javascript - 在中心滚动图像并在中心缩放

原文 标签 javascript html css css-transitions

一组图像在页面中心垂直对齐。
在 keyPress 上,我可以缩放该图像。

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

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

  • 使缩放的图像位于页面的中心。
  • 我想要放大图片仅在 之后上一个图像被缩放回其位置。

  • 我的代码是 http://fiddle.jshell.net/PB49p/

    最佳答案

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

    function scrollWrapper(n) {
      var tansvalue  = -150 * (n-1);
      wrapper.setAttribute('style', '-webkit-transform:translate(0,'+tansvalue+'px);');
    }
    

    您可以使用 -webkit-transition-delay: 进行调整

    DEMO

    关于javascript - 在中心滚动图像并在中心缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20512169/

    相关文章:

    javascript - 带有 Sendemail 的 HTML 表单

    html - 获取左侧边栏背景以一直向左扩展

    html - 如何为网站设置最小垂直高度?

    javascript - 在 document.ready 事件之后插入到页面的 DOM 的 jQuery 事件

    css - 使用针对颜色类别的样式重构LESS代码

    css - ul li 比浏览器窗口更宽 强制换行进行分页

    javascript - 在 Bootstrap v4 中对齐表单组的内容底部

    javascript - 单击按钮draft.js react 时如何更改字体大小

    javascript - 无法在ng-repeat中显示ng-template

    c# - 通过 Javascript 更改时未触发 HiddenField EventHandler ValueChanged