TNBLOG
首页
博客
视频
资源
问答
猿趣
手机
关于
搜索
收藏
便签
笔记
消息
创作
登录
剑轩
故如虹,知恩;故如月,知明
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
CSS
15篇
微服务
41篇
Git
14篇
.NET
102篇
移动开发
33篇
软件架构
23篇
.NET Core
119篇
.NET MVC
11篇
英语
3篇
随笔
86篇
Bootstrap
3篇
Redis
21篇
编辑器
10篇
Js相关
15篇
虚拟化
8篇
更多
Oracle
7篇
Python
14篇
数据库
26篇
EF
17篇
微信
3篇
前端
151篇
消息队列
6篇
docker
41篇
多线程
1篇
Java
4篇
软件基础
2篇
C++
2篇
WCF
7篇
Linux
7篇
nginx
5篇
K8S
9篇
ABP
2篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术
原
bootstrap左侧菜单如何固定,解决左侧滚动条滚动的时候页面的滚动条也滚动的问题
5447
人阅读
2019/10/11 17:20
总访问:
3940931
评论:
0
收藏:
0
手机
分类:
前端
很简单直接一句样式搞定!page-sidebar-fixed 加入到Body中即可,也可以使用Jquery动态添加,这样就可以在某些页面中去使用了。 不同页面使用不同的左侧菜单风格。 ``` $(function () { //让左侧菜单固定 $("body").addClass("page-sidebar-fixed"); //让左侧菜单默认出现的样式隐藏。时间延迟一点才能消失,不然消失不了的,可能是dom元素没有生成的原因 setTimeout(function () { $(".slimScrollBar").hide(); }, 100); }); ``` ####左侧滚动的时候右边如果有滚动条也会跟着滚动 解决方法,可以考虑判断鼠标如果在左边菜单的范围内就禁用掉右边的滚动,或者使用焦点事件,比如焦点进入,焦点失去事件。 如下方法可以解决: ``` //鼠标在左边菜单的时候,禁用body的滚动条,防止滚动左边的时候右边也一起滚动 $('.page-sidebar-menu').mousemove(function () { document.body.style.overflow = 'hidden'; }).mouseleave(function () { document.body.style.overflow = 'auto'; }); ```
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}