我有一个响应式网站,我在其中使用 javascript 创建一个粘性侧边栏。
当浏览器大小小于 768 像素时,我还使用媒体查询从多列布局更改为单列布局。
我需要弄清楚如何在单列布局中禁用粘性菜单脚本。本质上,我需要诸如脚本语句的媒体查询之类的东西。
这是我用来启用脚本的代码:
<script>
jQuery('#info').containedStickyScroll({
duration: 0,
unstick: false
});
</script>
有什么我可以添加到它的东西,只在窗口宽度为 768 像素或更宽时触发它吗?
编辑:我正在寻找一种解决方案,如果用户即时调整窗口大小,该解决方案将起作用。
最佳答案
试试这个。
$(function(){
$(window).resize(function(){
if($(this).width() >= 768){
jQuery('#info').containedStickyScroll({
duration: 0,
unstick: false
});
}
})
.resize();//trigger resize on page load
});
关于javascript - 我可以根据窗口大小执行 javascript 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10326349/