关于jq实现禁止滚动条滚动教程

野牛哥
2021-09-19 / 0 评论 / 12 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年09月19日,已超过80天没有更新,若内容或图片失效,请留言反馈。

关于jq实现禁止滚动条滚动教程

在日常开发中,当弹出一个提示窗口的时候,一般窗口右边或者下边会有滚动条的情况, 弹窗时就禁用滚动条, 关闭弹出的窗口的时候需要开启滚动条, 让浏览器窗口可以继续滚动, 下面来讲讲如何实现的?

示例代码
// 禁止滚动
function unableScroll(){
    var top = $(document).scrollTop();
    $(document).on('scroll.unable',function (e) {
        $(document).scrollTop(top);
    })
    // $('body').css({"overflow-x":"hidden","overflow-y":"hidden"}); //隐藏滚动条
}
// 开启滚动
function enableScroll() {
    $(document).unbind("scroll.unable");
    // $('body').css({"overflow-x":"auto","overflow-y":"auto"}); //显示滚动条
}

需要禁止或启用时, 触发对应的函数即可; 赶紧动手试试吧!

本文共 143 个字数,平均阅读时长 ≈ 1分钟
1

打赏

评论 (0)

取消