縮放文本相對於瀏覽器窗口中的位置。

我目前被困在我的項目的一些數學上。我試圖根據它離瀏覽器窗口中心的距離來縮放頁面中的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

回答