当汉堡菜单打开时,禁用滚动功能可以通过以下几种方式实现:
overflow: hidden;
,这样当汉堡菜单打开时,页面将无法滚动。// 获取汉堡菜单元素
var menu = document.getElementById('hamburger-menu');
// 监听菜单打开事件
menu.addEventListener('click', function() {
// 禁用滚动功能
document.body.style.overflow = 'hidden';
});
// 监听菜单关闭事件
menu.addEventListener('click', function() {
// 启用滚动功能
document.body.style.overflow = 'auto';
});
jquery.disablescroll
插件,具体使用方法可以参考插件的文档。以上是禁用滚动功能的几种常见方法,根据具体情况选择适合的方法即可。
领取专属 10元无门槛券
手把手带您无忧上云