Jquery 使边栏div可滚动

Jquery 使边栏div可滚动,jquery,html,css,Jquery,Html,Css,编辑我添加了overflow-y:auto;若要滑动和滑动,则打开侧边栏的滑动按钮将消失 我的应用程序中有一个类似于此设置的侧边栏,但在y中出现溢出时,很难使内容滚动 正如你所看到的,我的内容是不可见的,因为你无法滚动到它。任何帮助都将不胜感激 jQuery(函数($){ $(“#侧”)。单击(函数(){ $(“#可滑动”).toggleClass(“打开”); }); }) #侧边{ 位置:绝对位置; 右:100%; 宽度:50px; 高度:50px; z指数:1000000; 颜色:黑色;

编辑我添加了overflow-y:auto;若要滑动和滑动,则打开侧边栏的滑动按钮将消失

我的应用程序中有一个类似于此设置的侧边栏,但在y中出现溢出时,很难使内容滚动

正如你所看到的,我的内容是不可见的,因为你无法滚动到它。任何帮助都将不胜感激

jQuery(函数($){
$(“#侧”)。单击(函数(){
$(“#可滑动”).toggleClass(“打开”);
});
})
#侧边{
位置:绝对位置;
右:100%;
宽度:50px;
高度:50px;
z指数:1000000;
颜色:黑色;
}
#可滑动{
位置:固定;
排名:0;
高度:100vh;
背景:黑色;
宽度:200px;
左:100%;
过渡:0.4s;
z指数:1000000;
颜色:黑色;
文本对齐:居中;
字体大小:25px;
字体大小:300;
颜色:白色;
}
#可滑动。打开{
左:计算(100%-200px);
}
法兰西{
字体大小:30px!;
边缘顶部:25px;
颜色:黑色;
}

边栏











不滚动就看不到的内容 在这里测试


您可以使用当前的css和标记实现滚动,方法是在应该滚动的内容中添加一个类,并为该类指定高度:100%;溢出:自动。您可以在下面的代码段中看到它正在工作

jQuery(函数($){
$(“#侧”)。单击(函数(){
$(“#可滑动”).toggleClass(“打开”);
});
})
#侧边{
位置:绝对位置;
右:100%;
宽度:50px;
高度:50px;
z指数:1000000;
颜色:黑色;
}
#可滑动{
位置:固定;
排名:0;
高度:100vh;
背景:黑色;
宽度:200px;
左:100%;
过渡:0.4s;
z指数:1000000;
颜色:黑色;
文本对齐:居中;
字体大小:25px;
字体大小:300;
颜色:白色;
}
#可滑动。打开{
左:计算(100%-200px);
}
法兰西{
字体大小:30px!;
边缘顶部:25px;
颜色:黑色;
}
.可滚动内容{
身高:100%;
溢出:自动;
}

边栏











不滚动就看不到的内容 在这里测试


我添加了overflow-y:auto for'.slideable'和一切正常的功能。你能给我们更多的信息吗?对不起,我不明白。@hüseyint当我添加扩展侧菜单的侧按钮消失时?@hüseyint你能把你的js小提琴链接到我这里吗?