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

6426人阅读 2021/4/2 20:23 总访问：1008385 评论：0 收藏：0 手机

分类: 前端

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

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

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

👈{{preArticle.title}}

👉{{nextArticle.title}}

评价

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

{{titleitem}} {{titleitem}}

{{titleitem}} {{titleitem}}