HTML按钮元素切换页面上的CSS溢出

作为标题状态，我想创建一个按钮来启用/禁用溢出：隐藏在页面中。默认的姿态应该是overflow：hidden是激活的，页面不能滚动。HTML按钮元素切换页面上的CSS溢出

我环顾四周寻找类似的东西，没有发现任何东西。

编辑：

确定继承人什么，我做了与你的帮助，具有该功能链接到一个按钮的麻烦。我可能会想念，因为我的技能在html和Jquery中是有限的。

经过一些研究，我通过使选择器选择一个ID，我给了它的按钮和ID。

$(function(){ 
    $("#buttoni").on('click', function(e){ 
     e.preventDefault(); 
     $('body').toggleClass('no-scroll'); 
    }); 
});

和按钮：

<button id="buttoni"> toggle scroll</button>

而且这样我得到它的工作，林不知道我在原来的missunderstood不得到它的工作，但感谢

来源

2013-04-26 Fruktoosi

http://stackoverflow.com/questions/how-to-ask – 2013-04-26 09:40:13

欢迎计算器...请与问题发表您的相关代码...请通过链接http://stackoverflow.com/faq ..你的问题更可能会被关闭..如果你不提供一些代码或你已经完成的事情 – bipen 2013-04-26 09:40:18

Upvoted，因为他的问题对我来说足够体面，通过一次阅读就能理解并形成一个解决方案，他编辑得很好，对于一般的web编程来说显然是非常新颖的，而不仅仅是stackoverflow。这不应该被降到-3。向我们提问更多问题！代码非常受欢迎，请熟悉[jsfiddle]（http://jsfiddle.net）和[codepad]（http://codepad.org/）。 – SimonDever 2013-04-26 12:10:03

怎么样

.no-scroll{ 
    overflow:hidden; 
}

并将其应用到body

<body class="no-scroll">

，并与jQuery拨动它

$(function(){ 
    $('buttonid').on('click', function(e){ 
     e.preventDefault(); 
     $('body').toggleClass('no-scroll'); 
    }); 
});

来源

2013-04-26 09:43:00

我可以在哪里发布我的整个索引代码，其相当长。有没有可以在这里保存和链接的网站？ – Fruktoosi 2013-04-26 10:25:23

@Fruktoosi，你可以使用http://jsfiddle.net创建* live *版本的代码 – 2013-04-27 09:52:10

HTML按钮元素切换页面上的CSS溢出

回答

相关问题