切换隐藏-可见溢出 onclick

Question

我是 JQuery 的新手，所以我请你帮帮我.. 如何在单击下拉按钮菜单并关闭可见的切换溢出后隐藏 html 中的溢出。

我试过了，但它只允许隐藏溢出。那我怎么切换隐藏滚动？

$(document).ready(function() {
   $('.button').on('click', function() {
      $('html').css("overflow", "hidden");
   });
});

Answer 1

你可以使用.css()的回调函数，

$(document).ready(function() {
   $('.button').on('click', function() {
      $('html').css("overflow", function(_,val){ 
           return val == "hidden" ? "scroll" : "hidden";
      });
   });
});

DEMO