Javascript 通过滚动减少div宽度

我在这一页的底部有一份菜单。当我到达页面顶部时，我正在粘贴它。我在这个菜单中有一个内部div，它有100%的宽度。我想减少这个div宽度100%到60%的宽度取决于滚动。这意味着若滚动页面的中心div宽度将为80%。这是我的js粘贴菜单

$(window).scroll(function(){
    var navbarScrollTop = $('.content').offset().top - $(window).scrollTop();
    if(navbarScrollTop < 75){
        $('nav.navbar').addClass('stickNow');
    } else{
        $('nav.navbar').removeClass('stickNow');
    }
});

$（窗口）。滚动（函数（）{
var navbarScrollTop=$（'.content'）.offset（）.top-$（window.scrollTop（）；
如果（导航条滚动顶部<75）{
$（'nav.navbar'）.addClass（'stickknow'）；
}否则{
$（'nav.navbar'）。removeClass（'stickNow'）；
}
});

这是正在工作的JSFIDLE类似的东西

$（窗口）。滚动（函数（）{
var navbarScrollTop=$（'.content'）.offset（）.top-$（window.scrollTop（）；
如果（导航条滚动顶部<75）{
$（'.menu'）.addClass（'stickknow'）；
}否则{
$（'.menu'）.removeClass（'stickNow'）；
}
var maxScrollTop=$（文档）.height（）-$（窗口）.height（）；
var menuWidth=100-40*（$（窗口）.scrollTop（）/maxScrollTop）；
$（'.menu'）.css（'width'，menuWidth+'%'）；
});
.wrapper{
宽度：100%；
位置：相对位置；
高度：450px；
}
.菜单{
宽度：100%；
高度：75px；
背景：红色；
位置：绝对位置；
底部：0；
左：0；
填充：10px；
}
.内分区{
宽度：100%；
背景：黄色；
身高：100%；
}
你知道吗{
位置：固定；
排名：0；
左：0；
底部：自动；
宽度：100%；
z指数：9999999；
}

Lorem ipsum dolor sit amet，奉献精英。贵人，奎亚？产褥是最小的voluptatibus，类似于松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软的松软。在新的世界里，我们需要一个新的世界。库德内克
必须要有尊严，不需要劳动，不需要临时的灵丹妙药，不需要别人的帮助，不需要别人的帮助，不需要别人的帮助！真正的宗教信仰
我是一个有尊严的人，我是一个无名小卒，不是一个罪魁祸首。除了非建筑外，其他建筑材料都是假定的。我的朋友们。莫迪，快去吧。代表大会，
准，是指没有照明，没有照明，没有照明，没有照明，没有照明！Vero doloribus，dolore Discificio deserunt，nemo Labour nemo Temporal voluptate Perferentides incident and alias aspernatur，实习
我的朋友，我的朋友。我们的专家将为您提供便利，为您提供最优质的医疗服务，为您提供最优质的医疗服务，为您提供最优质的医疗服务！尼莫·多洛姆·马格尼·阿特克和他的妻子
暂时性的，智商Praesenium sapiient volupatibus vero sunt omnis quibusdam volupatibus quad redepulat fugit esse ullam nostrum illum，magnam excepturi laboriosam！阿利夸姆，你的生活是怎样的。合理解释
事实上，这是一个连续的错误，证明了执行《自然权利法》的正确性。在临时性复发的情况下，患者的生命是非常重要的，因为患者的脸上有微小的痣。萨普的Veritatis，
在准iste的全方位位置上是否存在ipsa过失？我的尊严是暂时的。必要的自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿自愿，
消费者？在铜酸盐环境下的生命实践中，最重要的是在准化学分子中！我们需要一种全方位的透明剂。卡姆克在波罗实验室广场，
在这方面的最低消费是多少？是否有什么区别？作为工作地点，别名为福吉亚·帕里塔特·劳丹蒂（fugiat pariatur laudantium libero possimus Consequintur fuga），因为它是一种不可抗拒的力量，不可剥夺尊严
奥迪奥·杜西莫斯·索拉塔。软性痣是指具有智慧的人的劳动积累量、动物的生命活动量、疾病性痣和类似的疾病性痣。杜西莫斯丘比特酒店
总的来说，公共利益的区别在于公共利益和公共利益，但不包括公共利益、公共利益和最低理性。《国际公共部门会计准则》（Ipsa officia quam Face Re eligendi Nesciut），以书面形式
不动产，不动产，不动产，不动产。显要人物，ea，autem。小白鼠，尼莫·费塞尔。类似于威尼斯的商品，必要的交换品，必要的替代品，必要的设备和设备
应给予赞扬的累积理性、尊严的平等性，以及除官方债务外的其他地方的公平性，应给予共同利益的必要性
同侧侧翼。哈拉姆·乌拉姆（Harum ullam）、内斯西（officiis Nesciut）、发明人减去多洛（Praesenium dolor）、期权（optio quae）后，是否有权要求授权人履行义务？不，这是一个最小值
我要谴责你，进来，阻止它，赶走它！