Question

受到ios7的启发，并认为Id在js和css中构建放大动画，通过从单击链接的位置开始放大来打开页面。我可以进行放大，但起点位于屏幕中间。我不知道如何改变起始位置。部分代码：

else if(transition=="zoomin")                       
{
    //var position = clickedElement.position(); <-- Need to get my starting point from here
    nextPage.attr("class", "page zoominstart");
    container.append(nextPage)
    nextPage.one('webkitTransitionEnd', function(e) {
        currentPage.remove();
        $("#glb_overlay").hide();
     });
    container[0].offsetWidth;
    nextPage.attr("class", "page zoominend transition");
}

css：

.page.zoominstart {
-webkit-transform:scale(0.0);
-moz-transform:scale(0.0);
-ms-transform:scale(0.0);
-o-transform:scale(0.0);
transform:scale(0.0);
}
.page.zoominend {
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-ms-transform:scale(1.0);
-o-transform:scale(1.0);
transform:scale(1.0);
}

我想要做的是将起点设置为上面clickedElement的中心，然后将新页面从0缩放到1，以使其成为全屏。以上工作但动画不是从cliked按钮开始的（例如clickedElement）

谢谢！

缩放css动画从某一点开始并全屏显示

0 个答案: