如何在點擊事件上啟用和禁用瀏覽器滾動

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;}