Javascript 切换溢出-jQuery

切换

overflow-y

CSS属性时遇到问题。最初，我将body设置为

overflow-y:hidden

。但是，当单击按钮时，我希望CSS更改为

overflow-y:scrollable

。以下是我的jQuery代码：

$（文档）.ready（函数（）{
$（'.btn'）。在（'click'，函数（）{
$（'body'）.css（'overflow-y'，'scrollable'）；
$（this）.addClass（'active'）.css（'z-index'，'-1'）；
$（'p'）.addClass（'fadeIn'）；
$（'.close'）.addClass（'fadeIn'）.css（'cursor'，'pointer'）；
});
$（'.close'）。在（'click'，函数（）{
$（'.btn'）.removeClass（'active'）.css（'z-index'，'1'）；
$（'p'）.css（'opacity'，'0'）.removeClass（'fadeIn'）；
$（'.close'）.css（{'opacity'：'0'，'cursor'：'default'}）.removeClass（'fadeIn'）；
});
});
*{
框大小：边框框；
保证金：0；
填充：0；
字体系列：“Barrio”，草书；
}
html，正文{
身高：100%；
}
身体{
溢出x：隐藏；
溢出y：隐藏；
}
.结束{
位置：绝对位置；
右：15px；
顶部：15px；
高度：45px；
宽度：45px；
背景：#fff；
边界半径：50%；
颜色：#333；
文本对齐：居中；
不透明度：0；
动画延迟：1s；
z指数：1；
}
.关闭i{
线高：45px；
字号：1.4em；
}
p{
颜色：#fff；
字体大小：30px；
位置：绝对位置；
填充：60px；
不透明度：0；
动画延迟：0.8s；
}
.btn{
保证金：0自动；
位置：相对位置；
最高：50%；
转化：translateY（-50%）；
光标：指针；
高度：140像素；
宽度：140px；
背景：#333；
颜色：#fff；
字母间距：2px；
文本对齐：居中；
边界半径：50%；
边框：9px实心#222；
}
.btn h1{
线高：130px；
}
.btn.active{
动画名称：展开；
动画持续时间：0.5s；
动画填充模式：正向；
}
@关键帧展开{
0% {
不透明度：0.5；
颜色：透明；
}
50% {
不透明度：1；
颜色：透明；
}
100% {
变换：尺度（20）；
边框宽度：0；
边界半径：50%；
颜色：透明；
}
}

Lorem ipsum dolor sit amet，是一位杰出的运动员。整型euismod erat sem，et placerat nunc ultricies vel。梅塞纳斯·夸姆、法雷特拉·维韦拉·乌尔特里斯、卢克图斯·尤斯特。秃鹫、马蒂斯、先哲、无生命元素。在尼斯尔马萨，菲尼布斯自由世仇，索达莱斯·康瓦利斯·奥迪奥（sodales convallis odio）。前庭显贵tempus sem，nec佩伦茨克狮子座。大型发酵剂，发酵剂，发酵剂。我是福西布斯精英。杜伊斯·普鲁斯·迪亚姆，维韦拉·斯克利斯·菲尼布斯，普尔文纳临时智人。在梅特斯和法雷特拉的休止符。这是一个很好的例子。自由之门，莫利斯发酵turpis。在molestie lorem的Aliquam。
多奈克·索利西图丁、康瓦利斯之星、尼伯之星、汽车之星、希腊之星。Fusce mollis dolor eu nibh commodo，位于比本杜姆普勒斯佩伦茨克。塞德·弗林西利亚和泰勒斯·汀西顿。这是一个很好的例子。Donec urna sem、posuere eget Concertetur eu、tristique quis quam。Morbi imperdiet，felis a posuere pretium，neque ipsum dapibus diam，vitae sodales lectus magna Qus tellus。整年的生活，你的生活。在前庭，狮子座和福西布斯，多洛·安特·马莱苏阿达·胡斯托，坐在阿梅特·拉奥里特·内克的旁边。这是一种新的发酵剂。毛里斯·埃利芬德·普雷蒂姆·安特奎斯·埃吉斯塔斯。但非智者的坦普斯，乌尔特里斯厄洛斯ac，福西布斯精英
单击
这是错误的

$('body').css('overflow-y', 'scrollable');

其

更改
$（'body'）.css（'overflow-y'，'scrollable'）
到
$（'body'）.css（'overflow-y'，'auto'）它是
滚动的
不是
滚动的
谢谢！这很有效。我还有一个问题。当我使用它时，它允许我滚动到比我喜欢的更远的地方。我真的只想能够滚动到p标签的末尾。我尝试了
$（'p'）.css（'overflow-y'，'scroll'），但这不起作用。。。
$('body').css('overflow-y', 'scroll');