1

受到 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，使其变为全屏。以上工作，但动画不是从点击按钮开始的（例如clickedElement）

谢谢！

4

0 回答 0