切换隐藏可见溢出onclick

Question

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

我尝试了这个，但它只允许隐藏溢出。那我怎么能切换hide-scroll？

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

Answer 1

你可以使用.css()的callBack函数

来实现

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

DEMO