Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.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
Jquery CSS3-转换:translateY(屏幕外)_Jquery_Css_Web - Fatal编程技术网

Jquery CSS3-转换:translateY(屏幕外)

Jquery CSS3-转换:translateY(屏幕外),jquery,css,web,Jquery,Css,Web,我正在尝试添加一张从下向上的幻灯片 并添加起始位置: transform:translateY(200%) 如果滚动区域不太大,则可以正常工作 transform:translate(-200%) 效果更好,因为它相对于顶部移动,而该部分无法增长 有什么好办法吗? 使用 并且会潜在地影响动画,因为它们必须在更大的范围内移动 地区 解决这个问题的好方法是什么 ------编辑------------ 实际上,滚动区域似乎随着translateY的增大而变大,这意味着它永远不

我正在尝试添加一张从下向上的幻灯片

并添加起始位置:

    transform:translateY(200%) 
如果滚动区域不太大,则可以正常工作

    transform:translate(-200%) 
效果更好,因为它相对于顶部移动,而该部分无法增长

有什么好办法吗?

使用

并且会潜在地影响动画,因为它们必须在更大的范围内移动 地区

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

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

实际上,滚动区域似乎随着translateY的增大而变大,这意味着它永远不会离开视口,这可能是这里的问题所在。但我不知道如何解决这个问题。

看起来好像

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

解决问题

不要使用转换…听起来你需要使用绝对定位,但如果不知道具体情况,很难提供建议。
     translate3D(-100%, 100%, 0);