Javascript 使用jQuery将div拉伸到窗口

我尝试使用jQuery扩展滑块以适应窗口

相关url为

我使用了以下脚本：

$(window).bind("load resize", function(){
 $('#sliderontop').width($(document).width());
});

我发现滑块向右移动了。（在移动版中，它略微向右移动。） 我试过其他的方法，但做不到

我想我错过了什么。 如何将左侧向左侧展开以适应窗口？ 我需要使用CSS媒体查询进行调整吗

---

谢谢。

我想知道为什么不：

#sliderontop{width:100vw}

@米托。谢谢你的评论。我添加了#sliderontop{宽度：100vw}；但问题仍然存在…站点上的问题是滑块所在的容器，正如您在此图像上看到的，容器（蓝色框）定义了div的位置，为了解决问题，您需要将幻灯片放在容器外部。@mitogh。谢谢。