jquery - CSS3 - 变换 :translateY( out of screen )

标签 jquery css web

我正在尝试从下往上添加一个幻灯片。

并添加起始位置:

    transform:translateY(200%) 

如果滚动区域不是太大,效果很好。

    transform:translate(-200%) 

效果更好,因为它相对于顶部移动并且该部分不能增长。

有解决这个问题的好方法吗?

使用

   transform: translateY(50000px);

并且可能会影响动画,因为它们必须移动得更大 领域。

解决这个问题的好方法是什么?

------------ 编辑------------

实际上,滚动区域似乎随着 translateY 的增大而变大,这意味着它实际上从未离开视口(viewport),这可能就是这里的问题。不过我不确定如何解决这个问题。

最佳答案

好像是

     translate3D(-100%, 100%, 0);

解决了这个问题。

关于jquery - CSS3 - 变换 :translateY( out of screen ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33285435/

相关文章:

Ruby 库在布局的网页上找到 "location"的项目?

javascript - 如何在php中将动态创建的表中的数据更新到数据库

html - 切换分辨率时布局会发生变化

jquery - html饼图中三 Angular 形的部分颜色

css - 居中一个 div 而另一个 div 向右浮动?

PHP - 重定向 REQUEST_URI - 正确的方法?

java - Spring MVC 或其他一些框架支持 URL 中的 .jsp 扩展

javascript - 在 div 上调用函数

jquery - 将鼠标悬停在 Sprite 内部时交换图像

javascript - 如何调整这个固定的表格标题,使其左对齐而不是居中?