如何在点击事件上启用和禁用浏览器滚动

Question

我试图在单击事件上使用jquery启用和禁用滚动，我已经尝试使用css和jquery进行滚动，但是没有用。请帮我解决这个问题。

$('.explore-video-btn').click(function(){
       $('body').css('overflow', 'hidden');
       // $('body').off('scroll');
});

$('.close-video-pop-up').click(function(){
    $('body').css('overflow', 'auto');
    // $('body').on('scroll')
});

Answer 1

尝试以下操作：

$('.explore-video-btn').click(function(){
   $('body').addClass('o-hidden');
});

$('.close-video-pop-up').click(function(){
    $('body').removeClass('o-hidden');
});

将此CSS代码添加到您的样式中

.o-hidden {overflow: hidden;}