Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.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
Javascript 变换div并移动scroll?上的位置。滚动顶,.css转换_Javascript_Jquery_Scroll_Scrolltop - Fatal编程技术网

Javascript 变换div并移动scroll?上的位置。滚动顶,.css转换

Javascript 变换div并移动scroll?上的位置。滚动顶,.css转换,javascript,jquery,scroll,scrolltop,Javascript,Jquery,Scroll,Scrolltop,我正在寻找一个简单的解决方案来移动和缩放对象从一个地方到另一个地方 我已经用这个代码做了一个修改。问题是我需要它在某个时候停止变小。所以它有一个最小的尺寸,另一个问题是我希望它能缩小并向左移动?我能用matrix实现这一点吗 $(window).scroll(function () { $(".fade-on-scroll").css("transform", "scale(" + (1 - $(window).scrollTop() / 700) + ")"); }); 提前谢谢

我正在寻找一个简单的解决方案来移动和缩放对象从一个地方到另一个地方

我已经用这个代码做了一个修改。问题是我需要它在某个时候停止变小。所以它有一个最小的尺寸,另一个问题是我希望它能缩小并向左移动?我能用matrix实现这一点吗

$(window).scroll(function () {

    $(".fade-on-scroll").css("transform", "scale(" + (1 - $(window).scrollTop() / 700) + ")");

});

提前谢谢你

您应该预先计算刻度。这样你就可以实施限制

var scale = (1 - $(window).scrollTop() / 700)
if (scale < .2) scale = .2

有关位置,请参阅。您可以同时设置缩放和平移,即变换:缩放。。。翻译在同一行。

降低高度是否是一个足够好的解决方案。侧面{高度:900px;}恐怕没有。我需要它在任何高度工作。它需要在完全消失之前停下来。好的,向左走怎么样。。它应该到达哪里?直到它接触到屏幕的左侧?