情不知从何起,一往而情深
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

解决左侧滚动条滚动的时候页面的滚动条也滚动的问题

6448人阅读 2021/4/2 20:23 总访问:1012997 评论:0 收藏:0 手机
分类: 前端

解决方法,可以考虑判断鼠标如果在左边菜单的范围内就禁用掉右边的滚动,或者使用焦点事件,比如焦点进入,焦点失去事件。
代码如下:

//鼠标在左边菜单的时候,禁用body的滚动条,防止滚动左边的时候右边也一起滚动
$('.page-sidebar-menu').mousemove(function () {
    document.body.style.overflow = 'hidden';
}).mouseleave(function () {
    document.body.style.overflow = 'auto';
});


欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价