Question

我正在寻找有关我的Jquery的帮助。我有一个动画，它正在打开一个导航菜单，该菜单从右窗口站点运行到中间。我现在想做的是：当用户减小浏览器窗口的宽度（以100px为步长）时，Animation的中间位置应减少100px。您可以在下面找到我的代码的简短版本。有没有一种方法可以使用我在CSS中编写的类的值来定义宽度？

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

Answer 1

您不能使用类中的值定义宽度。尽管要获取窗口本身的宽度，您可以使用

window.innerWidth

如果您希望在调整大小时运行一些代码，可以添加一个事件监听器，其事件名称为“ resize”，如下所示。

window.addEventListener（'resize'，（e）=> {}）

从该回调传递的事件具有属性“目标”，这是您可以再次从中获取innerWidth的窗口实例。

如果您必须使用新的评估宽度来更新动画，则可以在那里进行。

Answer 2

谢谢！我已经尝试过这样的事情：

$(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...

如何通过Javascript获取窗口宽度

2 个答案: