我目前有一个带有CSS动画的HTML页面，当左侧导航菜单悬停在上方时，该页面的主要容器向右推“100px”。
但是，随着窗口大小的增加，此菜单需要逐渐减少像素数量。
在浏览器窗口大小为790px宽（或更小）时，容器的left位置为59px（使用jQuery的$.offset().left检索，并且需要被完整的100px推送才能生成菜单可见。
然而，随着浏览器窗口大小增加到790px和1039px之间，菜单需要越来越少 - 所以当窗口大小为1039px /容器的left位置184px时，推送只需要是1px。
所以我正在使用的窗口大小范围是：
1039 - 790 = 249px
容器的位置范围会将这些窗口大小调整为：
183 (when window size is 1039) - 59 (when window size is 790) = 124px
我想按菜单，如下所示：
min container position: left 59px = 100px push
max container position: left 183px = 1px push
和在1px和100px之间，用于最小和最大容器位置之间的值。
当窗口大小为790px /或容器的左侧位置为59px时，如何指定100px的推送值，并在窗口大小/左侧位置增加时指定推送值的递减范围？