Javascript 变换div并移动scroll?上的位置。滚动顶,.css转换
我正在寻找一个简单的解决方案来移动和缩放对象从一个地方到另一个地方 我已经用这个代码做了一个修改。问题是我需要它在某个时候停止变小。所以它有一个最小的尺寸,另一个问题是我希望它能缩小并向左移动?我能用matrix实现这一点吗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) + ")"); }); 提前谢谢
$(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;}恐怕没有。我需要它在任何高度工作。它需要在完全消失之前停下来。好的,向左走怎么样。。它应该到达哪里?直到它接触到屏幕的左侧?