首页 > 解决方案 > 如何通过Javascript获取窗口宽度

问题描述

我正在寻找有关我的 Jquery 的帮助。我有一个动画,即打开一个导航菜单,从右侧窗口站点运行到中间。我现在想要做的是:当用户减小浏览器窗口宽度时(假设一步为 100 像素),动画应该在中间少运行 100 像素。下面是我的代码的简短版本。有没有办法使用我在css中编写的类的值来定义宽度?

$(".slide-left").click(function(){
            $("#navibox").animate({ width: 863 }); });

标签: javascriptcsswindowwidth

解决方案


谢谢!我已经尝试过这样的事情:

$(window).resize(function(){
if ($(window).width() > 1000) { mywidth = 863; }
if ($(window).width() < 1001 && $(window).width() > 959 ) { mywidth = 823; }
if ($(window).width() < 960) { mywidth = 783; }
});```

In the animation I used:

```$("#navibox").animate({ mywidth });```

But that did not work...

推荐阅读