缩放文本相对于浏览器窗口中的位置。

我目前被困在我的项目的一些数学上。我试图根据它离浏览器窗口中心的距离来缩放页面中的div，因此当它位于窗口的中心时，它是全尺寸的，但当您向下或向下滚动时，它会缩小仿佛消失。我只是在努力如何计算这个值。缩放文本相对于浏览器窗口中的位置。

感谢高级，哈利。

你试过解决这个问题了吗？如果是这样，我们是否可以看到迄今为止您尝试过的内容，并提供了关于您在哪里遇到困难的一些信息？ – gpmcadam

我曾经刺过它，但没有提供任何真正有用的东西。我只是无法计算div的比例值。我想让div稍微缩小一点，然后当它进入视野时，它应该放大，并且靠近窗口的垂直中心。 – harrynorthover

让x和y是DIV相对于浏览器窗口中的位置

window.innerHeight和window.innerWidth会给你当前可见窗口的高度和宽度。

var w = window.innerWidth; 
var h = window.innerHeight;

该中心将是

var center = (w/2, h/2);

离中心的距离是：

var distance = Math.sqrt((w/2 - x)*(w/2 - x), (h/2 - y)*(h/2 - y));

现在要缩放的股利，以便它的最大尺寸时，其距离中心的距离为0，在距离较远时为较小。

最简单的做法是使用宽度w - distance和高度h - distance。这会给你一个线性的尺度，你也可以使用其他的尺度函数，但是我现在就把它留给你玩。 :)

2011-07-30 15:43:43

回答