我有一个响应式网站,我正在其中使用 JavaScript 创建粘性侧边栏。
当浏览器大小小于 768px 时,我还使用媒体查询从多列布局更改为单列布局。
我需要弄清楚如何禁用单列布局中的粘性菜单脚本。本质上,我需要类似脚本语句的媒体查询之类的东西。
这是我用来启用脚本的代码:
<script>
jQuery('#info').containedStickyScroll({
duration: 0,
unstick: false
});
</script>
我可以添加一些东西,以便仅在窗口宽度为 768px 或更宽时才触发它吗?
编辑:我正在寻找一种解决方案,如果用户动态调整窗口大小,该解决方案将起作用。
尝试这个。
$(function(){
$(window).resize(function(){
if($(this).width() >= 768){
jQuery('#info').containedStickyScroll({
duration: 0,
unstick: false
});
}
})
.resize();//trigger resize on page load
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)